@magicpatterns/cubed 0.0.1 → 0.0.2

package/lib/esm/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from '@radix-ui/themes';
+//# sourceMappingURL=VisuallyHidden.js.map

package/lib/esm/components/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VisuallyHidden';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/VisuallyHidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/esm/components/VisuallyHidden/index.js

@@ -0,0 +1,2 @@
+export * from './VisuallyHidden';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/VisuallyHidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/esm/index.d.ts

@@ -1,13 +1,59 @@
+export { AccessibleIcon, type AccessibleIconProps, } from './components/AccessibleIcon';
+export { AlertDialog } from './components/AlertDialog';
+export { AspectRatio, type AspectRatioProps } from './components/AspectRatio';
+export { Avatar, type AvatarProps } from './components/Avatar';
+export { Badge, type BadgeProps } from './components/Badge';
+export { Blockquote, type BlockquoteProps } from './components/Blockquote';
+export { Box, type BoxProps } from './components/Box';
 export { Button, type ButtonProps } from './components/Button';
+export { Callout } from './components/Callout';
+export { Card, type CardProps } from './components/Card';
 export { Checkbox, type CheckboxProps } from './components/Checkbox';
+export { CheckboxCards } from './components/CheckboxCards';
+export { CheckboxGroup } from './components/CheckboxGroup';
+export { Code, type CodeProps } from './components/Code';
+export { Container, type ContainerProps } from './components/Container';
+export { ContextMenu } from './components/ContextMenu';
+export { DataList } from './components/DataList';
+export { Dialog } from './components/Dialog';
+export { DropdownMenu } from './components/DropdownMenu';
+export { Em, type EmProps } from './components/Em';
 export { Flex, type FlexProps } from './components/Flex';
+export { Grid, type GridProps } from './components/Grid';
 export { Heading, type HeadingProps } from './components/Heading';
+export { HoverCard } from './components/HoverCard';
+export { IconButton, type IconButtonProps } from './components/IconButton';
+export { Inset, type InsetProps } from './components/Inset';
+export { Kbd, type KbdProps } from './components/Kbd';
+export { ContentHeader, type ContentHeaderProps, Layout, type LayoutProps, useLayoutContext, } from './components/Layout';
+export { Link, type LinkProps } from './components/Link';
+export { GhostButton, type GhostButtonProps } from './components/GhostButton';
+export type { CubedColor } from './types';
+export { Popover } from './components/Popover';
+export { Portal, type PortalProps } from './components/Portal';
+export { Progress, type ProgressProps } from './components/Progress';
+export { Quote, type QuoteProps } from './components/Quote';
+export { Radio, type RadioProps } from './components/Radio';
+export { RadioCards } from './components/RadioCards';
+export { RadioGroup } from './components/RadioGroup';
+export { Reset, type ResetProps } from './components/Reset';
+export { ScrollArea, type ScrollAreaProps } from './components/ScrollArea';
+export { Section, type SectionProps } from './components/Section';
 export { SegmentedControl } from './components/SegmentedControl';
 export { Select } from './components/Select';
 export { Separator, type SeparatorProps } from './components/Separator';
 export { Skeleton, type SkeletonProps } from './components/Skeleton';
+export { Slider, type SliderProps } from './components/Slider';
+export { Spinner, type SpinnerProps } from './components/Spinner';
+export { Strong, type StrongProps } from './components/Strong';
+export { Switch, type SwitchProps } from './components/Switch';
+export { TabNav } from './components/TabNav';
+export { Table } from './components/Table';
 export { Tabs } from './components/Tabs';
 export { Text, type TextProps } from './components/Text';
+export { TextArea, type TextAreaProps } from './components/TextArea';
 export { TextField } from './components/TextField';
 export { ThemeProvider, type ThemeProviderProps, } from './components/ThemeProvider';
+export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { VisuallyHidden, type VisuallyHiddenProps, } from './components/VisuallyHidden';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,MAAM,EACN,KAAK,WAAW,EAChB,gBAAgB,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAA"}

package/lib/esm/index.js

@@ -1,13 +1,58 @@
+export { AccessibleIcon, } from './components/AccessibleIcon';
+export { AlertDialog } from './components/AlertDialog';
+export { AspectRatio } from './components/AspectRatio';
+export { Avatar } from './components/Avatar';
+export { Badge } from './components/Badge';
+export { Blockquote } from './components/Blockquote';
+export { Box } from './components/Box';
 export { Button } from './components/Button';
+export { Callout } from './components/Callout';
+export { Card } from './components/Card';
 export { Checkbox } from './components/Checkbox';
+export { CheckboxCards } from './components/CheckboxCards';
+export { CheckboxGroup } from './components/CheckboxGroup';
+export { Code } from './components/Code';
+export { Container } from './components/Container';
+export { ContextMenu } from './components/ContextMenu';
+export { DataList } from './components/DataList';
+export { Dialog } from './components/Dialog';
+export { DropdownMenu } from './components/DropdownMenu';
+export { Em } from './components/Em';
 export { Flex } from './components/Flex';
+export { Grid } from './components/Grid';
 export { Heading } from './components/Heading';
+export { HoverCard } from './components/HoverCard';
+export { IconButton } from './components/IconButton';
+export { Inset } from './components/Inset';
+export { Kbd } from './components/Kbd';
+export { ContentHeader, Layout, useLayoutContext, } from './components/Layout';
+export { Link } from './components/Link';
+export { GhostButton } from './components/GhostButton';
+export { Popover } from './components/Popover';
+export { Portal } from './components/Portal';
+export { Progress } from './components/Progress';
+export { Quote } from './components/Quote';
+export { Radio } from './components/Radio';
+export { RadioCards } from './components/RadioCards';
+export { RadioGroup } from './components/RadioGroup';
+export { Reset } from './components/Reset';
+export { ScrollArea } from './components/ScrollArea';
+export { Section } from './components/Section';
 export { SegmentedControl } from './components/SegmentedControl';
 export { Select } from './components/Select';
 export { Separator } from './components/Separator';
 export { Skeleton } from './components/Skeleton';
+export { Slider } from './components/Slider';
+export { Spinner } from './components/Spinner';
+export { Strong } from './components/Strong';
+export { Switch } from './components/Switch';
+export { TabNav } from './components/TabNav';
+export { Table } from './components/Table';
 export { Tabs } from './components/Tabs';
 export { Text } from './components/Text';
+export { TextArea } from './components/TextArea';
 export { TextField } from './components/TextField';
 export { ThemeProvider, } from './components/ThemeProvider';
+export { Tooltip } from './components/Tooltip';
+export { VisuallyHidden, } from './components/VisuallyHidden';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAgB,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAA;AACrD,OAAO,EACL,aAAa,EAEb,MAAM,EAEN,gBAAgB,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AAC1E,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAA"}

package/lib/esm/lib/cn.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...classes: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/lib/esm/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/lib/cn.ts"],"names":[],"mappings":"AAEA,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,UAEnE"}

package/lib/esm/lib/cn.js

@@ -0,0 +1,5 @@
+import { twMerge } from 'tailwind-merge';
+export function cn(...classes) {
+    return twMerge(classes.filter(Boolean).join(' '));
+}
+//# sourceMappingURL=cn.js.map

package/lib/esm/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,OAA8C;IAClE,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AACnD,CAAC"}

package/lib/esm/types.d.ts

@@ -0,0 +1,2 @@
+export type CubedColor = 'primary' | 'secondary' | 'ash' | 'cobalt' | 'emerald' | 'scarlet';
+//# sourceMappingURL=types.d.ts.map

package/lib/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,KAAK,GACL,QAAQ,GACR,SAAS,GACT,SAAS,CAAA"}

package/lib/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/lib/esm/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...classes: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/lib/esm/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/utils/cn.ts"],"names":[],"mappings":"AAEA,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,UAEnE"}

package/lib/esm/utils/cn.js

@@ -0,0 +1,5 @@
+import { twMerge } from 'tailwind-merge';
+export function cn(...classes) {
+    return twMerge(classes.filter(Boolean).join(' '));
+}
+//# sourceMappingURL=cn.js.map

package/lib/esm/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,OAA8C;IAClE,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AACnD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@magicpatterns/cubed",
-  "version": "0.0.1",
-  "description": "Magic Patterns design system preset for Tailwind CSS v4",
+  "version": "0.0.2",
+  "description": "Magic Patterns design system preset for Tailwind CSS",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
   "types": "./lib/esm/index.d.ts",
@@ -13,12 +13,14 @@
       "default": "./lib/esm/index.js"
     },
     "./preset.css": "./src/preset.css",
-    "./styles.css": "./src/styles.css"
+    "./styles.css": "./src/styles.css",
+    "./tailwind": "./tailwind-preset.js"
   },
   "files": [
     "lib",
     "src/preset.css",
-    "src/styles.css"
+    "src/styles.css",
+    "tailwind-preset.js"
   ],
   "license": "MIT",
   "engines": {
@@ -30,17 +32,17 @@
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "lint:fix": "eslint \"src/**/*.{js,ts,tsx}\" --fix",
     "storybook": "NODE_PATH=./node_modules storybook dev -p 6009",
-    "build-storybook": "NODE_PATH=./node_modules storybook build"
+    "build-storybook": "NODE_PATH=./node_modules storybook build",
+    "dev": "nodemon --watch src --ext ts --exec 'yarn build'",
+    "dev2": "nodemon --watch src --ext ts --exec 'yarn build'"
   },
   "peerDependencies": {
-    "@radix-ui/themes": "^3.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.0.0"
+    "tailwindcss": "^3.3.0"
   },
   "devDependencies": {
     "@magicpatterns/eslint-config": "workspace:*",
-    "@radix-ui/themes": "^3.0.0",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/react": "^8.0.0",
     "@storybook/react-vite": "^8.0.0",
@@ -49,15 +51,20 @@
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
+    "autoprefixer": "^10.4.24",
     "eslint": "^8.33.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.2.3",
+    "nodemon": "^3.1.10",
+    "postcss": "^8.5.6",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
     "storybook": "^8.0.0",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^3.3.0",
     "typescript": "^5.4.3"
+  },
+  "dependencies": {
+    "@radix-ui/themes": "^3.3.0",
+    "tailwind-merge": "^3.5.0"
   }
 }

package/src/preset.css

@@ -1,3 +1,316 @@
-@theme {
-  /* Design tokens for @magicpatterns/cubed */
+/*
+ * ═══════════════════════════════════════════════════════════════
+ *  Semantic Color Tokens
+ * ═══════════════════════════════════════════════════════════════
+ *
+ *  Two-layer model
+ *  ───────────────
+ *  Layer 1 · Scale aliases
+ *    Each color family exposes a 1-12 step alias that maps to
+ *    the underlying Radix palette variable.
+ *
+ *    ash     → slate   (neutrals)
+ *    cobalt  → indigo  (brand / info)
+ *    emerald → jade    (success)
+ *    scarlet → tomato  (destructive / danger)
+ *
+ *  Layer 2 · Compact contract
+ *    Every family exposes the same eight semantic slots so that
+ *    components can be written once and work with any family:
+ *
+ *    --{family}-muted          Lightest tinted surface (ghost hover bg).
+ *    --{family}-muted-hover    Hovered muted surface.
+ *    --{family}-muted-active   Pressed / selected muted surface.
+ *    --{family}                Solid filled surface (button bg, badge bg).
+ *    --{family}-hover          Hovered solid surface.
+ *    --{family}-active         Pressed solid surface.
+ *    --{family}-foreground     Tinted text / icon color.
+ *    --on-{family}             High-contrast text / icon on solid surface.
+ *
+ *  Legacy semantic tokens (--primary, --destructive, etc.) are
+ *  preserved below for backward compatibility and re-point to
+ *  the new family contract vars where possible.
+ *
+ *  Naming conventions (original)
+ *  ──────────────────
+ *    -foreground   Text / icons associated with that surface.
+ *    -hover        Hovered state of that surface.
+ *    -active       Pressed / selected state of that surface.
+ *    on-{color}    Guaranteed-contrast text / icon for filled
+ *                  components (buttons, badges).
+ *
+ *  ──────────────────────────────────────────────────────────────
+ *  1 · Global
+ *  ──────────────────────────────────────────────────────────────
+ *  The foundational layer everything else sits on.
+ *
+ *    background          Page / app background.
+ *    foreground          Default body text and icons.
+ *    card                Elevated bright surface — the main content
+ *                        panel in chrome-style layouts (pure white
+ *                        in light mode).
+ *    surface             Raised containers: cards, modals,
+ *                        popovers, sheets.
+ *    overlay             Semi-transparent scrim behind modals
+ *                        and drawers.
+ *    border              Default borders — inputs, cards,
+ *                        dividers on background / surface.
+ *    ring                Focus ring (independent for a11y tuning).
+ *    disabled            Disabled element background / fill.
+ *    disabled-foreground Text and icons on disabled elements.
+ *
+ *  ──────────────────────────────────────────────────────────────
+ *  2 · Neutral scales
+ *  ──────────────────────────────────────────────────────────────
+ *  Two tiers of stepped-back surfaces for visual hierarchy
+ *  without reaching for brand color.
+ *
+ *  Subtle — the lightest tier.
+ *    Section backgrounds, zebra stripes, hover tints on
+ *    neutral elements.
+ *
+ *  Muted — the mid-weight tier.
+ *    Tags, badges, secondary fills, placeholder blocks.
+ *
+ *  ──────────────────────────────────────────────────────────────
+ *  3 · Brand
+ *  ──────────────────────────────────────────────────────────────
+ *  Primary — main CTA buttons, links, active navigation,
+ *            focus rings.
+ *  Secondary — secondary actions, less prominent buttons,
+ *              supporting UI.
+ *
+ *  The base token is the filled surface (bg of a button).
+ *  *-foreground is for tinted text, borders, and highlights.
+ *  on-* is the contrast color that sits on a filled surface.
+ *
+ *  ──────────────────────────────────────────────────────────────
+ *  4 · Feedback
+ *  ──────────────────────────────────────────────────────────────
+ *  Each feedback color follows the same shape:
+ *
+ *    {color}             Filled surface (solid badges, buttons).
+ *    {color}-foreground  Text, icons, tinted backgrounds for
+ *                        alerts and toasts.
+ *    on-{color}          Contrast text / icon on a filled surface.
+ *
+ *  Success — confirmations, completed states.
+ *  Warning — caution, non-blocking alerts.
+ *  Destructive — irreversible / dangerous actions, errors.
+ *  Info — neutral informational callouts.
+ *
+ * ═══════════════════════════════════════════════════════════════
+ */
+
+:root {
+  /* ── 1. Global ─────────────────────────────────────────────── */
+  --background: var(--ash-1);
+  --foreground: var(--ash-12);
+  --card: white;
+  --card-foreground: var(--ash-12);
+  --surface: var(--ash-3);
+  --surface-hover: var(--ash-4);
+  --surface-active: var(--ash-5);
+  --overlay: rgb(0 0 0 / 0.45);
+  --border: var(--ash-6);
+  --border-hover: var(--ash-7);
+  --border-active: var(--cobalt-8);
+  --ring: var(--cobalt-8);
+  --radius: 0.5rem;
+  --disabled: var(--ash-3);
+  --disabled-foreground: var(--ash-9);
+
+  /* ── 2a. Neutral / Subtle ──────────────────────────────────── */
+  --subtle: var(--ash-2);
+  --subtle-hover: var(--ash-3);
+  --subtle-active: var(--ash-4);
+  --subtle-foreground: var(--ash-11);
+  --on-subtle: var(--ash-12);
+
+  /* ── 2b. Neutral / Muted ───────────────────────────────────── */
+  --muted: var(--ash-4);
+  --muted-hover: var(--ash-5);
+  --muted-active: var(--ash-6);
+  --muted-foreground: var(--ash-11);
+  --on-muted: var(--ash-12);
+
+  /* ── 3a. Brand / Primary ───────────────────────────────────── */
+  --primary-muted: var(--cobalt-muted);
+  --primary-muted-hover: var(--cobalt-muted-hover);
+  --primary-muted-active: var(--cobalt-muted-active);
+  --primary: var(--cobalt);
+  --primary-hover: var(--cobalt-hover);
+  --primary-active: var(--cobalt-active);
+  --primary-foreground: var(--cobalt-foreground);
+  --on-primary: var(--on-cobalt);
+
+  /* ── 3b. Brand / Secondary ─────────────────────────────────── */
+  --secondary-muted: var(--ash-muted);
+  --secondary-muted-hover: var(--ash-muted-hover);
+  --secondary-muted-active: var(--ash-muted-active);
+  --secondary: var(--ash);
+  --secondary-hover: var(--ash-hover);
+  --secondary-active: var(--ash-active);
+  --secondary-foreground: var(--ash-foreground);
+  --on-secondary: var(--on-ash);
+
+  /* ── 4a. Feedback / Success ────────────────────────────────── */
+  --success-muted: var(--emerald-muted);
+  --success-muted-hover: var(--emerald-muted-hover);
+  --success-muted-active: var(--emerald-muted-active);
+  --success: var(--emerald);
+  --success-hover: var(--emerald-hover);
+  --success-active: var(--emerald-active);
+  --success-foreground: var(--emerald-foreground);
+  --on-success: var(--on-emerald);
+
+  /* ── 4b. Feedback / Warning ────────────────────────────────── */
+  --warning-muted: var(--amber-2);
+  --warning-muted-hover: var(--amber-3);
+  --warning-muted-active: var(--amber-4);
+  --warning: var(--amber-9);
+  --warning-hover: var(--amber-10);
+  --warning-active: var(--amber-11);
+  --warning-foreground: var(--amber-11);
+  --on-warning: var(--amber-1);
+
+  /* ── 4c. Feedback / Destructive ────────────────────────────── */
+  --destructive-muted: var(--scarlet-muted);
+  --destructive-muted-hover: var(--scarlet-muted-hover);
+  --destructive-muted-active: var(--scarlet-muted-active);
+  --destructive: var(--scarlet);
+  --destructive-hover: var(--scarlet-hover);
+  --destructive-active: var(--scarlet-active);
+  --destructive-foreground: var(--scarlet-foreground);
+  --on-destructive: var(--on-scarlet);
+
+  /* ── 4d. Feedback / Info ───────────────────────────────────── */
+  --info-muted: var(--cobalt-muted);
+  --info-muted-hover: var(--cobalt-muted-hover);
+  --info-muted-active: var(--cobalt-muted-active);
+  --info: var(--cobalt);
+  --info-hover: var(--cobalt-hover);
+  --info-active: var(--cobalt-active);
+  --info-foreground: var(--cobalt-foreground);
+  --on-info: var(--on-cobalt);
+
+  /* ═══════════════════════════════════════════════════════════
+   *  Scale aliases  (Layer 1)
+   *  Maps branded family names → underlying Radix palette vars.
+   *  Use these to reference palette steps directly when needed:
+   *    var(--cobalt-3), var(--scarlet-11), etc.
+   * ══════════════════════════════════════════════════════════ */
+
+  /* ── ash (slate) ───────────────────────────────────────────── */
+  --ash-1: var(--slate-1);
+  --ash-2: var(--slate-2);
+  --ash-3: var(--slate-3);
+  --ash-4: var(--slate-4);
+  --ash-5: var(--slate-5);
+  --ash-6: var(--slate-6);
+  --ash-7: var(--slate-7);
+  --ash-8: var(--slate-8);
+  --ash-9: var(--slate-9);
+  --ash-10: var(--slate-10);
+  --ash-11: var(--slate-11);
+  --ash-12: var(--slate-12);
+
+  /* ── cobalt (indigo) ───────────────────────────────────────── */
+  --cobalt-1: var(--indigo-1);
+  --cobalt-2: var(--indigo-2);
+  --cobalt-3: var(--indigo-3);
+  --cobalt-4: var(--indigo-4);
+  --cobalt-5: var(--indigo-5);
+  --cobalt-6: var(--indigo-6);
+  --cobalt-7: var(--indigo-7);
+  --cobalt-8: var(--indigo-8);
+  --cobalt-9: var(--indigo-9);
+  --cobalt-10: var(--indigo-10);
+  --cobalt-11: var(--indigo-11);
+  --cobalt-12: var(--indigo-12);
+
+  /* ── emerald (jade) ────────────────────────────────────────── */
+  --emerald-1: var(--jade-1);
+  --emerald-2: var(--jade-2);
+  --emerald-3: var(--jade-3);
+  --emerald-4: var(--jade-4);
+  --emerald-5: var(--jade-5);
+  --emerald-6: var(--jade-6);
+  --emerald-7: var(--jade-7);
+  --emerald-8: var(--jade-8);
+  --emerald-9: var(--jade-9);
+  --emerald-10: var(--jade-10);
+  --emerald-11: var(--jade-11);
+  --emerald-12: var(--jade-12);
+
+  /* ── scarlet (tomato) ──────────────────────────────────────── */
+  --scarlet-1: var(--tomato-1);
+  --scarlet-2: var(--tomato-2);
+  --scarlet-3: var(--tomato-3);
+  --scarlet-4: var(--tomato-4);
+  --scarlet-5: var(--tomato-5);
+  --scarlet-6: var(--tomato-6);
+  --scarlet-7: var(--tomato-7);
+  --scarlet-8: var(--tomato-8);
+  --scarlet-9: var(--tomato-9);
+  --scarlet-10: var(--tomato-10);
+  --scarlet-11: var(--tomato-11);
+  --scarlet-12: var(--tomato-12);
+
+  /* ═══════════════════════════════════════════════════════════
+   *  Compact contract  (Layer 2)
+   *  Same eight slots for every family. Components can be
+   *  written generically using these slots and work for any
+   *  color family by swapping only the prefix.
+   *
+   *    Step mapping (follows Radix UI scale conventions):
+   *      muted        → step 2   (ghost hover bg)
+   *      muted-hover  → step 3
+   *      muted-active → step 4
+   *      {family}     → step 9   (solid fill)
+   *      hover        → step 10
+   *      active       → step 11
+   *      foreground   → step 11  (tinted text / icon)
+   *      on-{family}  → white / dark for guaranteed contrast
+   * ══════════════════════════════════════════════════════════ */
+
+  /* ── ash contract ──────────────────────────────────────────── */
+  --ash-muted: var(--ash-2);
+  --ash-muted-hover: var(--ash-3);
+  --ash-muted-active: var(--ash-4);
+  --ash: var(--ash-9);
+  --ash-hover: var(--ash-10);
+  --ash-active: var(--ash-11);
+  --ash-foreground: var(--ash-11);
+  --on-ash: white;
+
+  /* ── cobalt contract ───────────────────────────────────────── */
+  --cobalt-muted: var(--cobalt-2);
+  --cobalt-muted-hover: var(--cobalt-3);
+  --cobalt-muted-active: var(--cobalt-4);
+  --cobalt: var(--cobalt-9);
+  --cobalt-hover: var(--cobalt-10);
+  --cobalt-active: var(--cobalt-11);
+  --cobalt-foreground: var(--cobalt-11);
+  --on-cobalt: white;
+
+  /* ── emerald contract ──────────────────────────────────────── */
+  --emerald-muted: var(--emerald-2);
+  --emerald-muted-hover: var(--emerald-3);
+  --emerald-muted-active: var(--emerald-4);
+  --emerald: var(--emerald-9);
+  --emerald-hover: var(--emerald-10);
+  --emerald-active: var(--emerald-11);
+  --emerald-foreground: var(--emerald-11);
+  --on-emerald: white;
+
+  /* ── scarlet contract ──────────────────────────────────────── */
+  --scarlet-muted: var(--scarlet-2);
+  --scarlet-muted-hover: var(--scarlet-3);
+  --scarlet-muted-active: var(--scarlet-4);
+  --scarlet: var(--scarlet-9);
+  --scarlet-hover: var(--scarlet-10);
+  --scarlet-active: var(--scarlet-11);
+  --scarlet-foreground: var(--scarlet-11);
+  --on-scarlet: white;
 }

package/src/styles.css

@@ -1 +1,3 @@
 @import '@radix-ui/themes/styles.css';
+@import './preset.css';
+@tailwind utilities;