h-jennings

;; !  | means mandatory
;; #  | means optional
;; C  | left_command
;; T  | left_control
;; O  | left_option
;; S  | left_shift
;; F  | fn
;; Q  | right_command
;; W  | right_control
;; E  | right_option

h-jennings

type ArrayItemType<T extends unknown[]> = T extends unknown[]
  ? T extends (infer U)[]
    ? U
    : never
  : never;
  
type Entries<T> = {
  [K in keyof T]: [K, T[K]];
}[keyof T][];
  

h-jennings

import { createVar, style } from '@vanilla-extract/css';
import { calc } from '@vanilla-extract/css-utils';

export const gridColumnCount = createVar();
export const gridItemMinWidth = createVar();
export const gridLayoutGapX = createVar();
export const gridLayoutGapY = createVar();
export const gapCount = createVar();
export const totalGapWidth = createVar();
export const gridItemMaxWidth = createVar();

h-jennings

const AudioPrimitiveContext = React.createContext<InterpreterFrom<
  typeof audioMachine
> | null>(null);

export const AudioPrimitiveProvider = ({
  children,
}: {
  children?: React.ReactNode;
}) => {
  const [machine] = React.useState(() => {

h-jennings

import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import * as React from 'react';
import { twMerge } from 'tailwind-merge';

/**
 * With this component, if the user moves the cursor between tooltip group, the
 * delay is set to 0, this makes the next tooltip appear immediately.
 */
export const TooltipGroup = React.forwardRef<
  HTMLDivElement,