@deckai/deck-ui 0.0.22 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -1
- package/dist/components/AboutCard.cjs +3 -3
- package/dist/components/AboutCard.cjs.map +1 -1
- package/dist/components/AboutCard.d.cts +1 -1
- package/dist/components/AboutCard.d.ts +1 -1
- package/dist/components/AboutCard.js +3 -3
- package/dist/components/AboutCard.js.map +1 -1
- package/dist/components/Accordion.cjs +2 -2
- package/dist/components/Accordion.cjs.map +1 -1
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AddWorkCard.cjs +4 -4
- package/dist/components/AddWorkCard.cjs.map +1 -1
- package/dist/components/AddWorkCard.d.cts +1 -1
- package/dist/components/AddWorkCard.d.ts +1 -1
- package/dist/components/AddWorkCard.js +4 -4
- package/dist/components/AddWorkCard.js.map +1 -1
- package/dist/components/AutocompleteInput.cjs +4 -4
- package/dist/components/AutocompleteInput.cjs.map +1 -1
- package/dist/components/AutocompleteInput.d.cts +6 -6
- package/dist/components/AutocompleteInput.d.ts +6 -6
- package/dist/components/AutocompleteInput.js +4 -4
- package/dist/components/AutocompleteInput.js.map +1 -1
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.cjs.map +1 -1
- package/dist/components/Avatar.d.cts +2 -2
- package/dist/components/Avatar.d.ts +2 -2
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Badge.cjs +4 -4
- package/dist/components/Badge.cjs.map +1 -1
- package/dist/components/Badge.d.cts +2 -2
- package/dist/components/Badge.d.ts +2 -2
- package/dist/components/Badge.js +4 -4
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Breadcrumbs.cjs +2 -2
- package/dist/components/Breadcrumbs.cjs.map +1 -1
- package/dist/components/Breadcrumbs.js +2 -2
- package/dist/components/Breadcrumbs.js.map +1 -1
- package/dist/components/Button.cjs +5 -5
- package/dist/components/Button.cjs.map +1 -1
- package/dist/components/Button.d.cts +5 -5
- package/dist/components/Button.d.ts +5 -5
- package/dist/components/Button.js +5 -5
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Carousel.cjs +1 -1
- package/dist/components/Carousel.cjs.map +1 -1
- package/dist/components/Carousel.d.cts +1 -1
- package/dist/components/Carousel.d.ts +1 -1
- package/dist/components/Carousel.js +1 -1
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Collapsible.cjs +2 -2
- package/dist/components/Collapsible.cjs.map +1 -1
- package/dist/components/Collapsible.d.cts +4 -4
- package/dist/components/Collapsible.d.ts +4 -4
- package/dist/components/Collapsible.js +2 -2
- package/dist/components/Collapsible.js.map +1 -1
- package/dist/components/Combobox.cjs +4 -4
- package/dist/components/Combobox.cjs.map +1 -1
- package/dist/components/Combobox.d.cts +5 -2
- package/dist/components/Combobox.d.ts +5 -2
- package/dist/components/Combobox.js +4 -4
- package/dist/components/Combobox.js.map +1 -1
- package/dist/components/ContactItem.cjs +3 -3
- package/dist/components/ContactItem.cjs.map +1 -1
- package/dist/components/ContactItem.d.cts +1 -1
- package/dist/components/ContactItem.d.ts +1 -1
- package/dist/components/ContactItem.js +3 -3
- package/dist/components/ContactItem.js.map +1 -1
- package/dist/components/Dropdown.cjs +3 -3
- package/dist/components/Dropdown.cjs.map +1 -1
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/EditButton.cjs +5 -5
- package/dist/components/EditButton.cjs.map +1 -1
- package/dist/components/EditButton.d.cts +4 -4
- package/dist/components/EditButton.d.ts +4 -4
- package/dist/components/EditButton.js +5 -5
- package/dist/components/EditButton.js.map +1 -1
- package/dist/components/Fallback.cjs +1 -1
- package/dist/components/Fallback.cjs.map +1 -1
- package/dist/components/Fallback.js +1 -1
- package/dist/components/Fallback.js.map +1 -1
- package/dist/components/Icon.cjs +1 -1
- package/dist/components/Icon.cjs.map +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconRenderer.cjs +1 -1
- package/dist/components/IconRenderer.cjs.map +1 -1
- package/dist/components/IconRenderer.d.cts +4 -4
- package/dist/components/IconRenderer.d.ts +4 -4
- package/dist/components/IconRenderer.js +1 -1
- package/dist/components/IconRenderer.js.map +1 -1
- package/dist/components/Input.cjs +3 -3
- package/dist/components/Input.cjs.map +1 -1
- package/dist/components/Input.d.cts +11 -11
- package/dist/components/Input.d.ts +11 -11
- package/dist/components/Input.js +3 -3
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Link.cjs +4 -4
- package/dist/components/Link.cjs.map +1 -1
- package/dist/components/Link.d.cts +1 -1
- package/dist/components/Link.d.ts +1 -1
- package/dist/components/Link.js +4 -4
- package/dist/components/Link.js.map +1 -1
- package/dist/components/Logo.cjs +1 -1
- package/dist/components/Logo.cjs.map +1 -1
- package/dist/components/Logo.d.cts +1 -1
- package/dist/components/Logo.d.ts +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.cjs.map +1 -1
- package/dist/components/Modal.d.cts +4 -4
- package/dist/components/Modal.d.ts +4 -4
- package/dist/components/Modal.js +1 -1
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/MultiSelectCombobox.cjs +2 -2
- package/dist/components/MultiSelectCombobox.cjs.map +1 -1
- package/dist/components/MultiSelectCombobox.d.cts +1 -1
- package/dist/components/MultiSelectCombobox.d.ts +1 -1
- package/dist/components/MultiSelectCombobox.js +2 -2
- package/dist/components/MultiSelectCombobox.js.map +1 -1
- package/dist/components/Navbar.cjs +7 -7
- package/dist/components/Navbar.cjs.map +1 -1
- package/dist/components/Navbar.d.cts +1 -1
- package/dist/components/Navbar.d.ts +1 -1
- package/dist/components/Navbar.js +7 -7
- package/dist/components/Navbar.js.map +1 -1
- package/dist/components/NavbarItem.cjs +4 -4
- package/dist/components/NavbarItem.cjs.map +1 -1
- package/dist/components/NavbarItem.d.cts +1 -1
- package/dist/components/NavbarItem.d.ts +1 -1
- package/dist/components/NavbarItem.js +4 -4
- package/dist/components/NavbarItem.js.map +1 -1
- package/dist/components/Option.cjs +2 -2
- package/dist/components/Option.cjs.map +1 -1
- package/dist/components/Option.js +2 -2
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Pressable.cjs +1 -1
- package/dist/components/Pressable.cjs.map +1 -1
- package/dist/components/Pressable.js +1 -1
- package/dist/components/Pressable.js.map +1 -1
- package/dist/components/ProfileCard.cjs +2 -2
- package/dist/components/ProfileCard.cjs.map +1 -1
- package/dist/components/ProfileCard.d.cts +1 -1
- package/dist/components/ProfileCard.d.ts +1 -1
- package/dist/components/ProfileCard.js +2 -2
- package/dist/components/ProfileCard.js.map +1 -1
- package/dist/components/ProgressBar.cjs +3 -3
- package/dist/components/ProgressBar.cjs.map +1 -1
- package/dist/components/ProgressBar.js +3 -3
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/RadioGroup.cjs +3 -3
- package/dist/components/RadioGroup.cjs.map +1 -1
- package/dist/components/RadioGroup.js +3 -3
- package/dist/components/RadioGroup.js.map +1 -1
- package/dist/components/SegmentedTabs.cjs +4 -4
- package/dist/components/SegmentedTabs.cjs.map +1 -1
- package/dist/components/SegmentedTabs.js +4 -4
- package/dist/components/SegmentedTabs.js.map +1 -1
- package/dist/components/Sidebar.cjs +1 -1
- package/dist/components/Sidebar.cjs.map +1 -1
- package/dist/components/Sidebar.d.cts +1 -1
- package/dist/components/Sidebar.d.ts +1 -1
- package/dist/components/Sidebar.js +1 -1
- package/dist/components/Sidebar.js.map +1 -1
- package/dist/components/SlideButton.cjs +1 -1
- package/dist/components/SlideButton.cjs.map +1 -1
- package/dist/components/SlideButton.js +1 -1
- package/dist/components/SlideButton.js.map +1 -1
- package/dist/components/Slider.cjs.map +1 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/SocialCard.cjs +4 -4
- package/dist/components/SocialCard.cjs.map +1 -1
- package/dist/components/SocialCard.d.cts +1 -1
- package/dist/components/SocialCard.d.ts +1 -1
- package/dist/components/SocialCard.js +4 -4
- package/dist/components/SocialCard.js.map +1 -1
- package/dist/components/Spinner.cjs +1 -1
- package/dist/components/Spinner.cjs.map +1 -1
- package/dist/components/Spinner.d.cts +2 -2
- package/dist/components/Spinner.d.ts +2 -2
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/Switch.cjs.map +1 -1
- package/dist/components/Switch.d.cts +2 -2
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Tabs.cjs +3 -3
- package/dist/components/Tabs.cjs.map +1 -1
- package/dist/components/Tabs.js +3 -3
- package/dist/components/Tabs.js.map +1 -1
- package/dist/components/Tag.cjs +3 -3
- package/dist/components/Tag.cjs.map +1 -1
- package/dist/components/Tag.d.cts +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.js +3 -3
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Text.cjs +1 -1
- package/dist/components/Text.cjs.map +1 -1
- package/dist/components/Text.d.cts +1 -1
- package/dist/components/Text.d.ts +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextArea.cjs +4 -4
- package/dist/components/TextArea.cjs.map +1 -1
- package/dist/components/TextArea.d.cts +1 -1
- package/dist/components/TextArea.d.ts +1 -1
- package/dist/components/TextArea.js +4 -4
- package/dist/components/TextArea.js.map +1 -1
- package/dist/components/Toast.cjs +3 -3
- package/dist/components/Toast.cjs.map +1 -1
- package/dist/components/Toast.d.cts +7 -7
- package/dist/components/Toast.d.ts +7 -7
- package/dist/components/Toast.js +3 -3
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/ToastProvider.cjs +1 -1
- package/dist/components/ToastProvider.cjs.map +1 -1
- package/dist/components/ToastProvider.d.cts +1 -1
- package/dist/components/ToastProvider.d.ts +1 -1
- package/dist/components/ToastProvider.js +1 -1
- package/dist/components/ToastProvider.js.map +1 -1
- package/dist/components/Tooltip.cjs +3 -3
- package/dist/components/Tooltip.cjs.map +1 -1
- package/dist/components/Tooltip.d.cts +1 -1
- package/dist/components/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip.js +3 -3
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/VideoPlayer.cjs +2 -2
- package/dist/components/VideoPlayer.cjs.map +1 -1
- package/dist/components/VideoPlayer.d.cts +4 -4
- package/dist/components/VideoPlayer.d.ts +4 -4
- package/dist/components/VideoPlayer.js +2 -2
- package/dist/components/VideoPlayer.js.map +1 -1
- package/dist/components/WorkCard.cjs +3 -3
- package/dist/components/WorkCard.cjs.map +1 -1
- package/dist/components/WorkCard.d.cts +1 -1
- package/dist/components/WorkCard.d.ts +1 -1
- package/dist/components/WorkCard.js +3 -3
- package/dist/components/WorkCard.js.map +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +39 -39
- package/dist/index.d.ts +39 -39
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles/styles.css +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Fallback.tsx","../../src/components/Icon.tsx","../../src/utils/responsive.ts","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Text.tsx","../../src/components/SocialCard.tsx"],"names":["cn","inputs","twMerge","clsx","sizeMap","widthMap","avatarSizeMap","Fallback","React","variant","size","lines","className","animate","ref","baseClasses","animationClasses","customStyle","renderContent","_","index","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","breakpoint","valueStr","value","valueKey","COLOR_MAP","Icon","name","color","title","style","props","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","focusRingStyles","Pressable","children","type","disabled","HEADING_ELEMENT_MAP","getElementFromVariant","category","fontWeight","processVariants","variants","typographyClass","Text","as","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","SocialCard","icon","followers","engagement","isLoading","pressableProps"],"mappings":"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","file":"SocialCard.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React from \"react\";\nimport { cn } from \"../utils\";\n\nexport type FallbackVariant = \"text\" | \"image\" | \"button\" | \"card\" | \"avatar\";\nexport type FallbackSize = \"sm\" | \"md\" | \"lg\" | number;\n\nexport type FallbackProps = {\n /**\n * The type of content being loaded\n */\n variant?: FallbackVariant;\n /**\n * The size of the fallback element\n * Can be a predefined size ('sm' | 'md' | 'lg') or a custom pixel value\n */\n size?: FallbackSize;\n /**\n * Whether to show multiple lines (only applies to text variant)\n */\n lines?: number;\n /**\n * Additional classes to apply to the fallback\n */\n className?: string;\n /**\n * Whether to show the loading animation\n */\n animate?: boolean;\n};\n\n// Updated to match existing component sizes\nconst sizeMap = {\n sm: \"h-4\", // 16px\n md: \"h-6\", // 24px\n lg: \"h-8\" // 32px\n};\n\n// Updated to match existing component sizes\nconst widthMap = {\n sm: \"w-20\", // 80px\n md: \"w-32\", // 128px\n lg: \"w-48\" // 192px\n};\n\n// Updated to match Avatar sizes\nconst avatarSizeMap = {\n sm: \"w-8 h-8\", // 32px\n md: \"w-12 h-12\", // 48px\n lg: \"w-16 h-16\" // 64px\n};\n\nexport const Fallback = React.forwardRef<HTMLDivElement, FallbackProps>(\n (\n { variant = \"text\", size = \"md\", lines = 1, className, animate = true },\n ref\n ) => {\n const baseClasses = \"bg-secondary-50 rounded-lg overflow-hidden\";\n const animationClasses = animate ? \"animate-pulse\" : \"\";\n\n const getCustomSizeStyle = (size: number) => ({\n height: `${size}px`,\n width:\n variant === \"avatar\" || variant === \"image\" ? `${size}px` : undefined\n });\n\n const customStyle =\n typeof size === \"number\" ? getCustomSizeStyle(size) : undefined;\n\n const renderContent = () => {\n switch (variant) {\n case \"text\":\n return (\n <div className=\"flex flex-col gap-2\">\n {Array.from({ length: lines }).map((_, index) => (\n <div\n key={index}\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n typeof size === \"string\" ? sizeMap[size] : undefined,\n index === lines - 1 && lines > 1 ? \"w-3/4\" : \"w-full\",\n className\n )}\n />\n ))}\n </div>\n );\n\n case \"image\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n (!customStyle || !className) &&\n \"aspect-square w-full max-w-[300px]\",\n className\n )}\n />\n );\n\n case \"button\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n typeof size === \"string\" && [sizeMap[size], widthMap[size]],\n className\n )}\n />\n );\n\n case \"card\":\n return (\n <div\n className={cn(\n \"flex flex-col gap-4 p-6 border border-stroke rounded-xl\",\n className\n )}\n >\n <div\n className={cn(\n baseClasses,\n animationClasses,\n \"w-16 h-16 rounded-full\"\n )}\n />\n <div className=\"space-y-2\">\n <div\n className={cn(baseClasses, animationClasses, \"h-6 w-3/4\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-1/2\")}\n />\n </div>\n <div className=\"space-y-2\">\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-full\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-full\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-2/3\")}\n />\n </div>\n </div>\n );\n\n case \"avatar\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n \"rounded-full\",\n {\n [avatarSizeMap.sm]: size === \"sm\",\n [avatarSizeMap.md]: size === \"md\",\n [avatarSizeMap.lg]: size === \"lg\"\n },\n className\n )}\n />\n );\n\n default:\n return null;\n }\n };\n\n return (\n <div ref={ref} className={cn(\"w-full\", className)}>\n {renderContent()}\n </div>\n );\n }\n);\n\nFallback.displayName = \"Fallback\";\n","import { IconMap, IconName } from \"@deckai/icons\";\nimport React, { SVGProps } from \"react\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport { ResponsiveSize, getResponsiveSize } from \"../utils/responsive\";\n\nexport type IconProps = {\n name: IconName;\n /** @default 24 */\n size?: ResponsiveSize | ResponsiveSize[];\n /** @default primary */\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"var(--color-primary)\",\n secondary: \"var(--color-secondary)\",\n white: \"var(--color-white)\",\n primaryBlue: \"var(--color-primary-100)\",\n disabled: \"var(--color-disabled)\",\n danger: \"var(--color-danger)\"\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n size,\n 24\n );\n\n return (\n <div\n className={cn(\n \"flex justify-center items-center\",\n responsiveSizeClasses,\n className\n )}\n style={{\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...responsiveSizeStyles,\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n | \"12\"\n | \"16\"\n | \"18\"\n | \"20\"\n | \"24\"\n | \"32\"\n | \"36\"\n | \"40\"\n | \"42\"\n | \"48\"\n | \"64\"\n | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n \"12\": \"h-[12px] w-[12px]\",\n \"16\": \"h-[16px] w-[16px]\",\n \"18\": \"h-[18px] w-[18px]\",\n \"20\": \"h-[20px] w-[20px]\",\n \"24\": \"h-[24px] w-[24px]\",\n \"32\": \"h-[32px] w-[32px]\",\n \"36\": \"h-[36px] w-[36px]\",\n \"40\": \"h-[40px] w-[40px]\",\n \"42\": \"h-[42px] w-[42px]\",\n \"48\": \"h-[48px] w-[48px]\",\n \"64\": \"h-[64px] w-[64px]\",\n \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n sm: {\n \"12\": \"sm:h-[12px] sm:w-[12px]\",\n \"16\": \"sm:h-[16px] sm:w-[16px]\",\n \"18\": \"sm:h-[18px] sm:w-[18px]\",\n \"20\": \"sm:h-[20px] sm:w-[20px]\",\n \"24\": \"sm:h-[24px] sm:w-[24px]\",\n \"32\": \"sm:h-[32px] sm:w-[32px]\",\n \"36\": \"sm:h-[36px] sm:w-[36px]\",\n \"40\": \"sm:h-[40px] sm:w-[40px]\",\n \"42\": \"sm:h-[42px] sm:w-[42px]\",\n \"48\": \"sm:h-[48px] sm:w-[48px]\",\n \"64\": \"sm:h-[64px] sm:w-[64px]\",\n \"72\": \"sm:h-[72px] sm:w-[72px]\"\n },\n md: {\n \"12\": \"md:h-[12px] md:w-[12px]\",\n \"16\": \"md:h-[16px] md:w-[16px]\",\n \"18\": \"md:h-[18px] md:w-[18px]\",\n \"20\": \"md:h-[20px] md:w-[20px]\",\n \"24\": \"md:h-[24px] md:w-[24px]\",\n \"32\": \"md:h-[32px] md:w-[32px]\",\n \"36\": \"md:h-[36px] md:w-[36px]\",\n \"40\": \"md:h-[40px] md:w-[40px]\",\n \"42\": \"md:h-[42px] md:w-[42px]\",\n \"48\": \"md:h-[48px] md:w-[48px]\",\n \"64\": \"md:h-[64px] md:w-[64px]\",\n \"72\": \"md:h-[72px] md:w-[72px]\"\n },\n lg: {\n \"12\": \"lg:h-[12px] lg:w-[12px]\",\n \"16\": \"lg:h-[16px] lg:w-[16px]\",\n \"18\": \"lg:h-[18px] lg:w-[18px]\",\n \"20\": \"lg:h-[20px] lg:w-[20px]\",\n \"24\": \"lg:h-[24px] lg:w-[24px]\",\n \"32\": \"lg:h-[32px] lg:w-[32px]\",\n \"36\": \"lg:h-[36px] lg:w-[36px]\",\n \"40\": \"lg:h-[40px] lg:w-[40px]\",\n \"42\": \"lg:h-[42px] lg:w-[42px]\",\n \"48\": \"lg:h-[48px] lg:w-[48px]\",\n \"64\": \"lg:h-[64px] lg:w-[64px]\",\n \"72\": \"lg:h-[72px] lg:w-[72px]\"\n },\n xl: {\n \"12\": \"xl:h-[12px] xl:w-[12px]\",\n \"16\": \"xl:h-[16px] xl:w-[16px]\",\n \"18\": \"xl:h-[18px] xl:w-[18px]\",\n \"20\": \"xl:h-[20px] xl:w-[20px]\",\n \"24\": \"xl:h-[24px] xl:w-[24px]\",\n \"32\": \"xl:h-[32px] xl:w-[32px]\",\n \"36\": \"xl:h-[36px] xl:w-[36px]\",\n \"40\": \"xl:h-[40px] xl:w-[40px]\",\n \"42\": \"xl:h-[42px] xl:w-[42px]\",\n \"48\": \"xl:h-[48px] xl:w-[48px]\",\n \"64\": \"xl:h-[64px] xl:w-[64px]\",\n \"72\": \"xl:h-[72px] xl:w-[72px]\"\n },\n \"2xl\": {\n \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n size: ResponsiveSize | ResponsiveSize[] | undefined,\n baseSize: number = 24\n): {\n responsiveSizeClasses: string;\n responsiveSizeStyles: Record<string, string>;\n} => {\n const classes: string[] = [];\n const styles: Record<string, string> = {};\n\n // If no size provided, use baseSize\n if (size === undefined) {\n const key = getSizeKey(baseSize);\n if (key) {\n classes.push(BASE_SIZES[key]);\n } else {\n styles.height = `${baseSize}px`;\n styles.width = `${baseSize}px`;\n }\n }\n\n // If size is a number, use that directly\n if (typeof size === \"number\") {\n const key = getSizeKey(size);\n if (key) {\n classes.push(BASE_SIZES[key]);\n } else {\n styles.height = `${size}px`;\n styles.width = `${size}px`;\n }\n }\n\n // If array of responsive sizes, generate responsive classes\n if (Array.isArray(size)) {\n const baseKey = getSizeKey(baseSize);\n const responsiveClasses = [\n (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n ];\n\n size.forEach((s) => {\n if (typeof s === \"string\") {\n const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n const key = getSizeKey(value);\n classes.push(\n (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n );\n }\n });\n\n classes.push(...responsiveClasses);\n }\n\n if (typeof size === \"string\") {\n const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n const valueKey = getSizeKey(value);\n classes.push(\n (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n );\n }\n\n return {\n responsiveSizeClasses: classes.join(\" \"),\n responsiveSizeStyles: styles\n };\n};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n const safelist: (string | { pattern: RegExp; variants: string[] })[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n // Generate size classes with responsive variants\n const sizeClasses = sizes.flatMap((size) => [\n `h-[${size}px]`,\n `w-[${size}px]`,\n ...breakpoints.flatMap((bp) => [\n `${bp}:h-[${size}px]`,\n `${bp}:w-[${size}px]`\n ])\n ]);\n\n return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n <button\n ref={ref}\n type={type}\n disabled={disabled}\n className={cn(\n \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n focusRingStyles,\n disabled && \"opacity-50 cursor-not-allowed\",\n className\n )}\n {...props}\n >\n {children}\n </button>\n )\n);\n\nPressable.displayName = \"Pressable\";\n","import React from \"react\";\nimport { Typography } from \"../types/tailwind\";\nimport { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n | \"p\"\n | \"span\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"strong\"\n | \"em\"\n | \"blockquote\"\n | \"pre\"\n | \"code\"\n | \"small\"\n | \"label\"\n | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n | \"primary\"\n | \"secondary\"\n | \"white\"\n | \"primary-blue\"\n | \"disabled\"\n | \"danger\"\n | \"inherit\"\n | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] || \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant | ResponsiveVariant[];\n color?: TextColor;\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles using Tailwind classes that reference CSS variables\n const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as || suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`\n font-sans antialiased\n ${typographyClasses}\n ${colorClasses}\n ${weight && `!${fontWeight[weight]}`}\n ${className}\n `}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import { IconName } from \"@deckai/icons\";\nimport React from \"react\";\nimport { Fallback } from \"./Fallback\";\nimport { Icon } from \"./Icon\";\nimport { Pressable, PressableProps } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type SocialCardProps = {\n icon: IconName;\n followers?: string;\n engagement?: string;\n isLoading?: boolean;\n} & PressableProps;\n\nexport const SocialCard = ({\n icon,\n followers,\n engagement,\n isLoading,\n ...pressableProps\n}: SocialCardProps) =>\n isLoading ? (\n <div className=\"sm:w-max w-full\">\n <div className=\"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg\">\n <div className=\"w-8 h-8\">\n <Fallback variant=\"image\" className=\"w-full h-full rounded\" />\n </div>\n <div className=\"flex sm:flex-row flex-col items-center gap-4\">\n <div className=\"flex items-center gap-1\">\n <Icon name=\"profile\" size={[\"sm:20\", 16]} color=\"secondary\" />\n <Fallback variant=\"text\" size=\"sm\" className=\"w-12\" />\n </div>\n <div className=\"flex items-center gap-1\">\n <Icon name=\"like-1\" size={[\"sm:20\", 16]} color=\"secondary\" />\n <Fallback variant=\"text\" size=\"sm\" className=\"w-12\" />\n </div>\n </div>\n </div>\n </div>\n ) : (\n <Pressable\n className=\"sm:w-max w-full hover:bg-secondary-400 rounded-lg\"\n {...pressableProps}\n >\n <div className=\"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg\">\n <Icon name={icon} size={[\"lg:40\", 32]} color=\"primaryBlue\" />\n {followers && (\n <div className=\"flex items-center\">\n <Icon name=\"profile\" size={[\"sm:20\", 16]} />\n <Text variant={[\"body-default-medium\", \"md:body-xs-medium\"]}>\n {followers}\n </Text>\n </div>\n )}\n {engagement && (\n <div className=\"flex items-center\">\n <Icon name=\"like-1\" size={[\"sm:20\", 16]} />\n <Text variant={[\"body-default-medium\", \"md:body-xs-medium\"]}>\n {engagement}\n </Text>\n </div>\n )}\n </div>\n </Pressable>\n );\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Fallback.tsx","../../src/components/Icon.tsx","../../src/utils/responsive.ts","../../src/utils/tailwind.ts","../../src/components/Pressable.tsx","../../src/components/Text.tsx","../../src/components/SocialCard.tsx"],"names":["cn","inputs","twMerge","clsx","sizeMap","widthMap","avatarSizeMap","Fallback","React","variant","size","lines","className","animate","ref","baseClasses","animationClasses","customStyle","renderContent","_","index","BASE_SIZES","RESPONSIVE_SIZES","getSizeKey","getResponsiveSize","baseSize","classes","styles","key","baseKey","responsiveClasses","s","breakpoint","valueStr","value","valueKey","COLOR_MAP","Icon","name","color","title","style","props","IconComponent","IconMap","responsiveSizeClasses","responsiveSizeStyles","focusRingStyles","Pressable","children","type","disabled","HEADING_ELEMENT_MAP","getElementFromVariant","category","fontWeight","processVariants","variants","typographyClass","Text","as","weight","typographyClasses","colorClasses","suggestedElement","baseVariant","SocialCard","icon","followers","engagement","isLoading","pressableProps"],"mappings":"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","file":"SocialCard.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React from \"react\";\n\nimport { cn } from \"../utils\";\n\nexport type FallbackVariant = \"text\" | \"image\" | \"button\" | \"card\" | \"avatar\";\nexport type FallbackSize = \"sm\" | \"md\" | \"lg\" | number;\n\nexport type FallbackProps = {\n /**\n * The type of content being loaded\n */\n variant?: FallbackVariant;\n /**\n * The size of the fallback element\n * Can be a predefined size ('sm' | 'md' | 'lg') or a custom pixel value\n */\n size?: FallbackSize;\n /**\n * Whether to show multiple lines (only applies to text variant)\n */\n lines?: number;\n /**\n * Additional classes to apply to the fallback\n */\n className?: string;\n /**\n * Whether to show the loading animation\n */\n animate?: boolean;\n};\n\n// Updated to match existing component sizes\nconst sizeMap = {\n sm: \"h-4\", // 16px\n md: \"h-6\", // 24px\n lg: \"h-8\" // 32px\n};\n\n// Updated to match existing component sizes\nconst widthMap = {\n sm: \"w-20\", // 80px\n md: \"w-32\", // 128px\n lg: \"w-48\" // 192px\n};\n\n// Updated to match Avatar sizes\nconst avatarSizeMap = {\n sm: \"w-8 h-8\", // 32px\n md: \"w-12 h-12\", // 48px\n lg: \"w-16 h-16\" // 64px\n};\n\nexport const Fallback = React.forwardRef<HTMLDivElement, FallbackProps>(\n (\n { variant = \"text\", size = \"md\", lines = 1, className, animate = true },\n ref\n ) => {\n const baseClasses = \"bg-secondary-50 rounded-lg overflow-hidden\";\n const animationClasses = animate ? \"animate-pulse\" : \"\";\n\n const getCustomSizeStyle = (size: number) => ({\n height: `${size}px`,\n width:\n variant === \"avatar\" || variant === \"image\" ? `${size}px` : undefined\n });\n\n const customStyle =\n typeof size === \"number\" ? getCustomSizeStyle(size) : undefined;\n\n const renderContent = () => {\n switch (variant) {\n case \"text\":\n return (\n <div className=\"flex flex-col gap-2\">\n {Array.from({ length: lines }).map((_, index) => (\n <div\n key={index}\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n typeof size === \"string\" ? sizeMap[size] : undefined,\n index === lines - 1 && lines > 1 ? \"w-3/4\" : \"w-full\",\n className\n )}\n />\n ))}\n </div>\n );\n\n case \"image\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n (!customStyle || !className) &&\n \"aspect-square w-full max-w-[300px]\",\n className\n )}\n />\n );\n\n case \"button\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n typeof size === \"string\" && [sizeMap[size], widthMap[size]],\n className\n )}\n />\n );\n\n case \"card\":\n return (\n <div\n className={cn(\n \"flex flex-col gap-4 p-6 border border-stroke rounded-xl\",\n className\n )}\n >\n <div\n className={cn(\n baseClasses,\n animationClasses,\n \"w-16 h-16 rounded-full\"\n )}\n />\n <div className=\"space-y-2\">\n <div\n className={cn(baseClasses, animationClasses, \"h-6 w-3/4\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-1/2\")}\n />\n </div>\n <div className=\"space-y-2\">\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-full\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-full\")}\n />\n <div\n className={cn(baseClasses, animationClasses, \"h-4 w-2/3\")}\n />\n </div>\n </div>\n );\n\n case \"avatar\":\n return (\n <div\n style={customStyle}\n className={cn(\n baseClasses,\n animationClasses,\n \"rounded-full\",\n {\n [avatarSizeMap.sm]: size === \"sm\",\n [avatarSizeMap.md]: size === \"md\",\n [avatarSizeMap.lg]: size === \"lg\"\n },\n className\n )}\n />\n );\n\n default:\n return null;\n }\n };\n\n return (\n <div ref={ref} className={cn(\"w-full\", className)}>\n {renderContent()}\n </div>\n );\n }\n);\n\nFallback.displayName = \"Fallback\";\n","import type { IconName } from \"@deckai/icons\";\nimport { IconMap } from \"@deckai/icons\";\nimport type { SVGProps } from \"react\";\nimport React from \"react\";\n\nimport type { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\nimport type { ResponsiveSize } from \"../utils/responsive\";\nimport { getResponsiveSize } from \"../utils/responsive\";\n\nexport type IconProps = {\n name: IconName;\n /** @default 24 */\n size?: ResponsiveSize | ResponsiveSize[];\n /** @default primary */\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\n// Using CSS variables to support dark mode\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"var(--color-primary)\",\n secondary: \"var(--color-secondary)\",\n white: \"var(--color-white)\",\n primaryBlue: \"var(--color-primary-100)\",\n disabled: \"var(--color-disabled)\",\n danger: \"var(--color-danger)\"\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const { responsiveSizeClasses, responsiveSizeStyles } = getResponsiveSize(\n size,\n 24\n );\n\n return (\n <div\n className={cn(\n \"flex justify-center items-center\",\n responsiveSizeClasses,\n className\n )}\n style={{\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...responsiveSizeStyles,\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","export type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type ResponsiveSize = number | `${Breakpoint}:${number}`;\n\ntype SizeKey =\n | \"12\"\n | \"16\"\n | \"18\"\n | \"20\"\n | \"24\"\n | \"32\"\n | \"36\"\n | \"40\"\n | \"42\"\n | \"48\"\n | \"64\"\n | \"72\";\n\n// These constants help Tailwind identify the classes during compilation\nconst BASE_SIZES: Record<SizeKey, string> = {\n \"12\": \"h-[12px] w-[12px]\",\n \"16\": \"h-[16px] w-[16px]\",\n \"18\": \"h-[18px] w-[18px]\",\n \"20\": \"h-[20px] w-[20px]\",\n \"24\": \"h-[24px] w-[24px]\",\n \"32\": \"h-[32px] w-[32px]\",\n \"36\": \"h-[36px] w-[36px]\",\n \"40\": \"h-[40px] w-[40px]\",\n \"42\": \"h-[42px] w-[42px]\",\n \"48\": \"h-[48px] w-[48px]\",\n \"64\": \"h-[64px] w-[64px]\",\n \"72\": \"h-[72px] w-[72px]\"\n};\n\nconst RESPONSIVE_SIZES: Record<Breakpoint, Record<SizeKey, string>> = {\n sm: {\n \"12\": \"sm:h-[12px] sm:w-[12px]\",\n \"16\": \"sm:h-[16px] sm:w-[16px]\",\n \"18\": \"sm:h-[18px] sm:w-[18px]\",\n \"20\": \"sm:h-[20px] sm:w-[20px]\",\n \"24\": \"sm:h-[24px] sm:w-[24px]\",\n \"32\": \"sm:h-[32px] sm:w-[32px]\",\n \"36\": \"sm:h-[36px] sm:w-[36px]\",\n \"40\": \"sm:h-[40px] sm:w-[40px]\",\n \"42\": \"sm:h-[42px] sm:w-[42px]\",\n \"48\": \"sm:h-[48px] sm:w-[48px]\",\n \"64\": \"sm:h-[64px] sm:w-[64px]\",\n \"72\": \"sm:h-[72px] sm:w-[72px]\"\n },\n md: {\n \"12\": \"md:h-[12px] md:w-[12px]\",\n \"16\": \"md:h-[16px] md:w-[16px]\",\n \"18\": \"md:h-[18px] md:w-[18px]\",\n \"20\": \"md:h-[20px] md:w-[20px]\",\n \"24\": \"md:h-[24px] md:w-[24px]\",\n \"32\": \"md:h-[32px] md:w-[32px]\",\n \"36\": \"md:h-[36px] md:w-[36px]\",\n \"40\": \"md:h-[40px] md:w-[40px]\",\n \"42\": \"md:h-[42px] md:w-[42px]\",\n \"48\": \"md:h-[48px] md:w-[48px]\",\n \"64\": \"md:h-[64px] md:w-[64px]\",\n \"72\": \"md:h-[72px] md:w-[72px]\"\n },\n lg: {\n \"12\": \"lg:h-[12px] lg:w-[12px]\",\n \"16\": \"lg:h-[16px] lg:w-[16px]\",\n \"18\": \"lg:h-[18px] lg:w-[18px]\",\n \"20\": \"lg:h-[20px] lg:w-[20px]\",\n \"24\": \"lg:h-[24px] lg:w-[24px]\",\n \"32\": \"lg:h-[32px] lg:w-[32px]\",\n \"36\": \"lg:h-[36px] lg:w-[36px]\",\n \"40\": \"lg:h-[40px] lg:w-[40px]\",\n \"42\": \"lg:h-[42px] lg:w-[42px]\",\n \"48\": \"lg:h-[48px] lg:w-[48px]\",\n \"64\": \"lg:h-[64px] lg:w-[64px]\",\n \"72\": \"lg:h-[72px] lg:w-[72px]\"\n },\n xl: {\n \"12\": \"xl:h-[12px] xl:w-[12px]\",\n \"16\": \"xl:h-[16px] xl:w-[16px]\",\n \"18\": \"xl:h-[18px] xl:w-[18px]\",\n \"20\": \"xl:h-[20px] xl:w-[20px]\",\n \"24\": \"xl:h-[24px] xl:w-[24px]\",\n \"32\": \"xl:h-[32px] xl:w-[32px]\",\n \"36\": \"xl:h-[36px] xl:w-[36px]\",\n \"40\": \"xl:h-[40px] xl:w-[40px]\",\n \"42\": \"xl:h-[42px] xl:w-[42px]\",\n \"48\": \"xl:h-[48px] xl:w-[48px]\",\n \"64\": \"xl:h-[64px] xl:w-[64px]\",\n \"72\": \"xl:h-[72px] xl:w-[72px]\"\n },\n \"2xl\": {\n \"12\": \"2xl:h-[12px] 2xl:w-[12px]\",\n \"16\": \"2xl:h-[16px] 2xl:w-[16px]\",\n \"18\": \"2xl:h-[18px] 2xl:w-[18px]\",\n \"20\": \"2xl:h-[20px] 2xl:w-[20px]\",\n \"24\": \"2xl:h-[24px] 2xl:w-[24px]\",\n \"32\": \"2xl:h-[32px] 2xl:w-[32px]\",\n \"36\": \"2xl:h-[36px] 2xl:w-[36px]\",\n \"40\": \"2xl:h-[40px] 2xl:w-[40px]\",\n \"42\": \"2xl:h-[42px] 2xl:w-[42px]\",\n \"48\": \"2xl:h-[48px] 2xl:w-[48px]\",\n \"64\": \"2xl:h-[64px] 2xl:w-[64px]\",\n \"72\": \"2xl:h-[72px] 2xl:w-[72px]\"\n }\n};\n\nconst getSizeKey = (size: number): SizeKey | undefined => {\n return String(size) as SizeKey;\n};\n\nexport const getResponsiveSize = (\n size: ResponsiveSize | ResponsiveSize[] | undefined,\n baseSize: number = 24\n): {\n responsiveSizeClasses: string;\n responsiveSizeStyles: Record<string, string>;\n} => {\n const classes: string[] = [];\n const styles: Record<string, string> = {};\n\n // If no size provided, use baseSize\n if (size === undefined) {\n const key = getSizeKey(baseSize);\n if (key) {\n classes.push(BASE_SIZES[key]);\n } else {\n styles.height = `${baseSize}px`;\n styles.width = `${baseSize}px`;\n }\n }\n\n // If size is a number, use that directly\n if (typeof size === \"number\") {\n const key = getSizeKey(size);\n if (key) {\n classes.push(BASE_SIZES[key]);\n } else {\n styles.height = `${size}px`;\n styles.width = `${size}px`;\n }\n }\n\n // If array of responsive sizes, generate responsive classes\n if (Array.isArray(size)) {\n const baseKey = getSizeKey(baseSize);\n const responsiveClasses = [\n (baseKey && BASE_SIZES[baseKey]) || `h-[${baseSize}px] w-[${baseSize}px]`\n ];\n\n size.forEach((s) => {\n if (typeof s === \"string\") {\n const [breakpoint, valueStr] = s.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n const key = getSizeKey(value);\n classes.push(\n (key && RESPONSIVE_SIZES[breakpoint]?.[key]) ||\n `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n );\n }\n });\n\n classes.push(...responsiveClasses);\n }\n\n if (typeof size === \"string\") {\n const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n const valueKey = getSizeKey(value);\n classes.push(\n (valueKey && RESPONSIVE_SIZES[breakpoint]?.[valueKey]) ||\n `${breakpoint}:h-[${value}px] ${breakpoint}:w-[${value}px]`\n );\n }\n\n return {\n responsiveSizeClasses: classes.join(\" \"),\n responsiveSizeStyles: styles\n };\n};\n","import type { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n const safelist: (string | { pattern: RegExp; variants: string[] })[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n // Generate size classes with responsive variants\n const sizeClasses = sizes.flatMap((size) => [\n `h-[${size}px]`,\n `w-[${size}px]`,\n ...breakpoints.flatMap((bp) => [\n `${bp}:h-[${size}px]`,\n `${bp}:w-[${size}px]`\n ])\n ]);\n\n return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import type { ButtonHTMLAttributes } from \"react\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable = React.forwardRef<HTMLButtonElement, PressableProps>(\n ({ children, type = \"button\", className, disabled, ...props }, ref) => (\n <button\n ref={ref}\n type={type}\n disabled={disabled}\n className={cn(\n \"appearance-none hover:opacity-80 transition-all active:scale-95\",\n focusRingStyles,\n disabled && \"opacity-50 cursor-not-allowed\",\n className\n )}\n {...props}\n >\n {children}\n </button>\n )\n);\n\nPressable.displayName = \"Pressable\";\n","import React from \"react\";\n\nimport type { Typography } from \"../types/tailwind\";\nimport type { Breakpoint } from \"../utils/responsive\";\n\ntype TextElement =\n | \"p\"\n | \"span\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"strong\"\n | \"em\"\n | \"blockquote\"\n | \"pre\"\n | \"code\"\n | \"small\"\n | \"label\"\n | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype TextColor =\n | \"primary\"\n | \"secondary\"\n | \"white\"\n | \"primary-blue\"\n | \"disabled\"\n | \"danger\"\n | \"inherit\"\n | \"primary-100\";\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] || \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant | ResponsiveVariant[];\n color?: TextColor;\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles using Tailwind classes that reference CSS variables\n const colorClasses = color === \"inherit\" ? \"text-inherit\" : `text-${color}`;\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as || suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`\n font-sans antialiased\n ${typographyClasses}\n ${colorClasses}\n ${weight && `!${fontWeight[weight]}`}\n ${className}\n `}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import type { IconName } from \"@deckai/icons\";\nimport React from \"react\";\n\nimport { Fallback } from \"./Fallback\";\nimport { Icon } from \"./Icon\";\nimport type { PressableProps } from \"./Pressable\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\n\nexport type SocialCardProps = {\n icon: IconName;\n followers?: string;\n engagement?: string;\n isLoading?: boolean;\n} & PressableProps;\n\nexport function SocialCard({\n icon,\n followers,\n engagement,\n isLoading,\n ...pressableProps\n}: SocialCardProps) {\n return isLoading ? (\n <div className=\"sm:w-max w-full\">\n <div className=\"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg\">\n <div className=\"w-8 h-8\">\n <Fallback variant=\"image\" className=\"w-full h-full rounded\" />\n </div>\n <div className=\"flex sm:flex-row flex-col items-center gap-4\">\n <div className=\"flex items-center gap-1\">\n <Icon name=\"profile\" size={[\"sm:20\", 16]} color=\"secondary\" />\n <Fallback variant=\"text\" size=\"sm\" className=\"w-12\" />\n </div>\n <div className=\"flex items-center gap-1\">\n <Icon name=\"like-1\" size={[\"sm:20\", 16]} color=\"secondary\" />\n <Fallback variant=\"text\" size=\"sm\" className=\"w-12\" />\n </div>\n </div>\n </div>\n </div>\n ) : (\n <Pressable\n className=\"sm:w-max w-full hover:bg-secondary-400 rounded-lg\"\n {...pressableProps}\n >\n <div className=\"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg\">\n <Icon name={icon} size={[\"lg:40\", 32]} color=\"primaryBlue\" />\n {followers && (\n <div className=\"flex items-center gap-1\">\n <Icon name=\"profile\" size={[\"sm:20\", 16]} />\n <Text variant={[\"body-default-medium\", \"md:body-xs-medium\"]}>\n {followers}\n </Text>\n </div>\n )}\n {engagement && (\n <div className=\"flex items-center gap-1\">\n <Icon name=\"like-1\" size={[\"sm:20\", 16]} />\n <Text variant={[\"body-default-medium\", \"md:body-xs-medium\"]}>\n {engagement}\n </Text>\n </div>\n )}\n </div>\n </Pressable>\n );\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var clsx=require('clsx'),d=require('react'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var d__namespace=/*#__PURE__*/_interopNamespace(d);var f=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=clsx.clsx,V=(t,r)=>e=>{var o;if(r?.variants==null)return y(t,e?.class,e?.className);let{variants:u,defaultVariants:a}=r,b=Object.keys(u).map(n=>{let s=e?.[n],l=a?.[n];if(s===null)return null;let i=f(s)||f(l);return u[n][i]}),c=e&&Object.entries(e).reduce((n,s)=>{let[l,i]=s;return i===void 0||(n[l]=i),n},{}),x=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((n,s)=>{let{class:l,className:i,...h}=s;return Object.entries(h).every(N=>{let[v,m]=N;return Array.isArray(m)?m.includes({...a,...c}[v]):{...a,...c}[v]===m})?[...n,l,i]:n},[]);return y(t,b,x,e?.class,e?.className)};function p(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var g=V("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),M=d__namespace.forwardRef(({size:t,className:r,customSize:e,...o},u)=>{let a=e?{width:e,height:e,borderWidth:Math.max(2,Math.floor(e/16))}:{};return d__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:u,className:p(g({size:t}),"text-primary-100",r),style:a,...o},d__namespace.createElement("span",{className:"sr-only"},"Loading..."))});M.displayName="Spinner";exports.Spinner=M;//# sourceMappingURL=Spinner.cjs.map
|
|
2
2
|
//# sourceMappingURL=Spinner.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/utils/index.ts","../../src/components/Spinner.tsx"],"names":["falsyToString","value","cx","clsx","cva","base","config","props","_config_compoundVariants","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","cn","inputs","twMerge","spinnerVariants","Spinner","d","size","className","customSize","ref","styles"],"mappings":"ucAeA,IAAMA,CAAAA,CAAiBC,
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/utils/index.ts","../../src/components/Spinner.tsx"],"names":["falsyToString","value","cx","clsx","cva","base","config","props","_config_compoundVariants","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","cn","inputs","twMerge","spinnerVariants","Spinner","d","size","className","customSize","ref","styles"],"mappings":"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","file":"Spinner.cjs","sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\nconst spinnerVariants = cva(\n \"animate-spin rounded-full border-current border-t-transparent\",\n {\n variants: {\n size: {\n sm: \"h-4 w-4 border-3\",\n md: \"h-6 w-6 border-4\",\n lg: \"h-8 w-8 border-8\"\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n }\n);\n\nexport type SpinnerProps = {\n className?: string;\n customSize?: number;\n} & VariantProps<typeof spinnerVariants>;\n\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n ({ size, className, customSize, ...props }, ref) => {\n const styles = customSize\n ? {\n width: customSize,\n height: customSize,\n borderWidth: Math.max(2, Math.floor(customSize / 16))\n }\n : {};\n\n return (\n <div\n role=\"status\"\n aria-label=\"Loading\"\n ref={ref}\n className={cn(spinnerVariants({ size }), \"text-primary-100\", className)}\n style={styles}\n {...props}\n >\n <span className=\"sr-only\">Loading...</span>\n </div>\n );\n }\n);\n\nSpinner.displayName = \"Spinner\";\n"]}
|
|
@@ -45,8 +45,8 @@ type SpinnerProps = {
|
|
|
45
45
|
customSize?: number;
|
|
46
46
|
} & VariantProps<typeof spinnerVariants>;
|
|
47
47
|
declare const Spinner: React.ForwardRefExoticComponent<{
|
|
48
|
-
className?: string;
|
|
49
|
-
customSize?: number;
|
|
48
|
+
className?: string | undefined;
|
|
49
|
+
customSize?: number | undefined;
|
|
50
50
|
} & VariantProps<(props?: ({
|
|
51
51
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
52
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -45,8 +45,8 @@ type SpinnerProps = {
|
|
|
45
45
|
customSize?: number;
|
|
46
46
|
} & VariantProps<typeof spinnerVariants>;
|
|
47
47
|
declare const Spinner: React.ForwardRefExoticComponent<{
|
|
48
|
-
className?: string;
|
|
49
|
-
customSize?: number;
|
|
48
|
+
className?: string | undefined;
|
|
49
|
+
customSize?: number | undefined;
|
|
50
50
|
} & VariantProps<(props?: ({
|
|
51
51
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
52
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {clsx}from'clsx';import*as d from'react';import {twMerge}from'tailwind-merge';var f=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=clsx,V=(t,r)=>e=>{var o;if(r?.variants==null)return y(t,e?.class,e?.className);let{variants:u,defaultVariants:a}=r,b=Object.keys(u).map(n=>{let s=e?.[n],l=a?.[n];if(s===null)return null;let i=f(s)||f(l);return u[n][i]}),c=e&&Object.entries(e).reduce((n,s)=>{let[l,i]=s;return i===void 0||(n[l]=i),n},{}),x=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((n,s)=>{let{class:l,className:i,...h}=s;return Object.entries(h).every(N=>{let[v,m]=N;return Array.isArray(m)?m.includes({...a,...c}[v]):{...a,...c}[v]===m})?[...n,l,i]:n},[]);return y(t,b,x,e?.class,e?.className)};function p(...t){return twMerge(clsx(t))}var g=V("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),M=d.forwardRef(({size:t,className:r,customSize:e,...o},u)=>{let a=e?{width:e,height:e,borderWidth:Math.max(2,Math.floor(e/16))}:{};return d.createElement("div",{role:"status","aria-label":"Loading",ref:u,className:p(g({size:t}),"text-primary-100",r),style:a,...o},d.createElement("span",{className:"sr-only"},"Loading..."))});M.displayName="Spinner";export{M as Spinner};//# sourceMappingURL=Spinner.js.map
|
|
2
2
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/utils/index.ts","../../src/components/Spinner.tsx"],"names":["falsyToString","value","cx","clsx","cva","base","config","props","_config_compoundVariants","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","cn","inputs","twMerge","spinnerVariants","Spinner","size","className","customSize","ref","styles"],"mappings":"qFAeA,IAAMA,CAAAA,CAAiBC,
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/class-variance-authority/dist/index.mjs","../../src/utils/index.ts","../../src/components/Spinner.tsx"],"names":["falsyToString","value","cx","clsx","cva","base","config","props","_config_compoundVariants","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions","cn","inputs","twMerge","spinnerVariants","Spinner","size","className","customSize","ref","styles"],"mappings":"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","file":"Spinner.js","sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\nconst spinnerVariants = cva(\n \"animate-spin rounded-full border-current border-t-transparent\",\n {\n variants: {\n size: {\n sm: \"h-4 w-4 border-3\",\n md: \"h-6 w-6 border-4\",\n lg: \"h-8 w-8 border-8\"\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n }\n);\n\nexport type SpinnerProps = {\n className?: string;\n customSize?: number;\n} & VariantProps<typeof spinnerVariants>;\n\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n ({ size, className, customSize, ...props }, ref) => {\n const styles = customSize\n ? {\n width: customSize,\n height: customSize,\n borderWidth: Math.max(2, Math.floor(customSize / 16))\n }\n : {};\n\n return (\n <div\n role=\"status\"\n aria-label=\"Loading\"\n ref={ref}\n className={cn(spinnerVariants({ size }), \"text-primary-100\", className)}\n style={styles}\n {...props}\n >\n <span className=\"sr-only\">Loading...</span>\n </div>\n );\n }\n);\n\nSpinner.displayName = \"Spinner\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Switch.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","Switch","t","className","label","description","onCheckedChange","props","ref","handleCheckedChange","checked","e"],"mappings":"8hBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCqEO,IAAMG,CACX,CAAA,gFAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Switch.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","Switch","t","className","label","description","onCheckedChange","props","ref","handleCheckedChange","checked","e"],"mappings":"8hBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCqEO,IAAMG,CACX,CAAA,gFAAA,CC9DWC,IAAAA,CAAAA,CAAeC,YAG1B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,KAAA,CAAAC,CAAO,CAAA,WAAA,CAAAC,CAAa,CAAA,eAAA,CAAAC,CAAiB,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAAQ,GAAA,CACvE,IAAMC,CAAAA,CAA4BP,YAC/BQ,CAAAA,WAAAA,CAAAA,CAAAA,EAAqB,CACpBJ,CAAAA,GAAkBI,CAAO,EAC3B,CACA,CAAA,CAACJ,CAAe,CAClB,CAEA,CAAA,OACEJ,YAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,yBAAA,CAAA,CACbA,YAAiB,CAAA,aAAA,CAAAS,YAAA,CAAA,IAAA,CAAhB,CACC,SAAA,CAAWf,CACT,CAAA,mDAAA,CACA,uDACA,CAAA,8CAAA,CACAI,CACA,CAAA,iDAAA,CACA,2EACAG,CAAAA,CACF,CACA,CAAA,eAAA,CAAiBM,CAChB,CAAA,GAAGF,CACJ,CAAA,GAAA,CAAKC,CAEL,CAAA,CAAAN,YAAA,CAAA,aAAA,CAAiBS,YAAhB,CAAA,KAAA,CAAA,CACC,SAAWf,CAAAA,CAAAA,CACT,mCACA,CAAA,+CAAA,CACA,sBACA,CAAA,oCAAA,CACA,sCACF,CAAA,CACF,CACF,CAAA,CAAA,CACEQ,CAASC,EAAAA,CAAAA,GACTH,YAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,eAAA,CAAA,CACZE,CACC,EAAAF,YAAA,CAAA,aAAA,CAAC,OACC,CAAA,CAAA,SAAA,CAAU,kCACV,CAAA,OAAA,CAASK,CAAM,CAAA,EAAA,CAAA,CAEdH,CACH,CAAA,CAEDC,CACC,EAAAH,YAAA,CAAA,aAAA,CAAC,MAAK,CAAA,CAAA,SAAA,CAAU,wBAA0BG,CAAAA,CAAAA,CAAY,CAE1D,CAEJ,CAEJ,CAAC,EAEDJ,CAAAA,CAAO,WAAc,CAAA,QAAA","file":"Switch.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import type { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n const safelist: (string | { pattern: RegExp; variants: string[] })[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n // Generate size classes with responsive variants\n const sizeClasses = sizes.flatMap((size) => [\n `h-[${size}px]`,\n `w-[${size}px]`,\n ...breakpoints.flatMap((bp) => [\n `${bp}:h-[${size}px]`,\n `${bp}:w-[${size}px]`\n ])\n ]);\n\n return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\n typeof SwitchPrimitive.Root\n> & {\n label?: string;\n description?: string;\n};\n\nexport const Switch = React.forwardRef<\n React.ElementRef<typeof SwitchPrimitive.Root>,\n SwitchProps\n>(({ className, label, description, onCheckedChange, ...props }, ref) => {\n const handleCheckedChange = React.useCallback(\n (checked: boolean) => {\n onCheckedChange?.(checked);\n },\n [onCheckedChange]\n );\n\n return (\n <div className=\"flex items-center gap-2\">\n <SwitchPrimitive.Root\n className={cn(\n \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer\",\n \"items-center rounded-full border-2 border-transparent\",\n \"transition-colors focus-visible:outline-none\",\n focusRingStyles,\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50\",\n className\n )}\n onCheckedChange={handleCheckedChange}\n {...props}\n ref={ref}\n >\n <SwitchPrimitive.Thumb\n className={cn(\n \"pointer-events-none block h-5 w-5\",\n \"rounded-full bg-background-0 shadow-lg ring-0\",\n \"transition-transform\",\n \"data-[state=checked]:translate-x-5\",\n \"data-[state=unchecked]:translate-x-0\"\n )}\n />\n </SwitchPrimitive.Root>\n {(label || description) && (\n <div className=\"flex flex-col\">\n {label && (\n <label\n className=\"text-sm font-medium text-primary\"\n htmlFor={props.id}\n >\n {label}\n </label>\n )}\n {description && (\n <span className=\"text-xs text-secondary\">{description}</span>\n )}\n </div>\n )}\n </div>\n );\n});\n\nSwitch.displayName = \"Switch\";\n"]}
|
|
@@ -6,8 +6,8 @@ type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> &
|
|
|
6
6
|
description?: string;
|
|
7
7
|
};
|
|
8
8
|
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
|
-
label?: string;
|
|
10
|
-
description?: string;
|
|
9
|
+
label?: string | undefined;
|
|
10
|
+
description?: string | undefined;
|
|
11
11
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
|
|
13
13
|
export { Switch, type SwitchProps };
|
|
@@ -6,8 +6,8 @@ type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> &
|
|
|
6
6
|
description?: string;
|
|
7
7
|
};
|
|
8
8
|
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
|
-
label?: string;
|
|
10
|
-
description?: string;
|
|
9
|
+
label?: string | undefined;
|
|
10
|
+
description?: string | undefined;
|
|
11
11
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
|
|
13
13
|
export { Switch, type SwitchProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Switch.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","Switch","className","label","description","onCheckedChange","props","ref","handleCheckedChange","checked"],"mappings":"8HAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCqEO,IAAMG,CACX,CAAA,gFAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Switch.tsx"],"names":["cn","inputs","twMerge","clsx","focusRingStyles","Switch","className","label","description","onCheckedChange","props","ref","handleCheckedChange","checked"],"mappings":"8HAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCqEO,IAAMG,CACX,CAAA,gFAAA,CC9DWC,IAAAA,CAAAA,CAAe,CAG1B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,KAAA,CAAAC,CAAO,CAAA,WAAA,CAAAC,CAAa,CAAA,eAAA,CAAAC,CAAiB,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAAQ,GAAA,CACvE,IAAMC,CAAAA,CAA4B,CAC/BC,CAAAA,WAAAA,CAAAA,CAAAA,EAAqB,CACpBJ,CAAAA,GAAkBI,CAAO,EAC3B,CACA,CAAA,CAACJ,CAAe,CAClB,CAEA,CAAA,OACE,CAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,yBAAA,CAAA,CACb,CAAiB,CAAA,aAAA,CAAA,CAAA,CAAA,IAAA,CAAhB,CACC,SAAA,CAAWT,CACT,CAAA,mDAAA,CACA,uDACA,CAAA,8CAAA,CACAI,CACA,CAAA,iDAAA,CACA,2EACAE,CAAAA,CACF,CACA,CAAA,eAAA,CAAiBM,CAChB,CAAA,GAAGF,CACJ,CAAA,GAAA,CAAKC,CAEL,CAAA,CAAA,CAAA,CAAA,aAAA,CAAiB,CAAhB,CAAA,KAAA,CAAA,CACC,SAAWX,CAAAA,CAAAA,CACT,mCACA,CAAA,+CAAA,CACA,sBACA,CAAA,oCAAA,CACA,sCACF,CAAA,CACF,CACF,CAAA,CAAA,CACEO,CAASC,EAAAA,CAAAA,GACT,CAAC,CAAA,aAAA,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,eAAA,CAAA,CACZD,CACC,EAAA,CAAA,CAAA,aAAA,CAAC,OACC,CAAA,CAAA,SAAA,CAAU,kCACV,CAAA,OAAA,CAASG,CAAM,CAAA,EAAA,CAAA,CAEdH,CACH,CAAA,CAEDC,CACC,EAAA,CAAA,CAAA,aAAA,CAAC,MAAK,CAAA,CAAA,SAAA,CAAU,wBAA0BA,CAAAA,CAAAA,CAAY,CAE1D,CAEJ,CAEJ,CAAC,EAEDH,CAAAA,CAAO,WAAc,CAAA,QAAA","file":"Switch.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import type { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const sizes = [\"24\", \"42\", \"48\", \"64\", \"72\"]; // Add all the sizes you need\n\n const safelist: (string | { pattern: RegExp; variants: string[] })[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n // Generate size classes with responsive variants\n const sizeClasses = sizes.flatMap((size) => [\n `h-[${size}px]`,\n `w-[${size}px]`,\n ...breakpoints.flatMap((bp) => [\n `${bp}:h-[${size}px]`,\n `${bp}:w-[${size}px]`\n ])\n ]);\n\n return [...typographyClasses, ...responsiveTypographyClasses, ...sizeClasses];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100\";\nexport const focusRingWithinStyles =\n \"focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-100\";\nexport const focusRingStylesCoerced = \"ring-2 ring-primary-100\";\n","import * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\n typeof SwitchPrimitive.Root\n> & {\n label?: string;\n description?: string;\n};\n\nexport const Switch = React.forwardRef<\n React.ElementRef<typeof SwitchPrimitive.Root>,\n SwitchProps\n>(({ className, label, description, onCheckedChange, ...props }, ref) => {\n const handleCheckedChange = React.useCallback(\n (checked: boolean) => {\n onCheckedChange?.(checked);\n },\n [onCheckedChange]\n );\n\n return (\n <div className=\"flex items-center gap-2\">\n <SwitchPrimitive.Root\n className={cn(\n \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer\",\n \"items-center rounded-full border-2 border-transparent\",\n \"transition-colors focus-visible:outline-none\",\n focusRingStyles,\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50\",\n className\n )}\n onCheckedChange={handleCheckedChange}\n {...props}\n ref={ref}\n >\n <SwitchPrimitive.Thumb\n className={cn(\n \"pointer-events-none block h-5 w-5\",\n \"rounded-full bg-background-0 shadow-lg ring-0\",\n \"transition-transform\",\n \"data-[state=checked]:translate-x-5\",\n \"data-[state=unchecked]:translate-x-0\"\n )}\n />\n </SwitchPrimitive.Root>\n {(label || description) && (\n <div className=\"flex flex-col\">\n {label && (\n <label\n className=\"text-sm font-medium text-primary\"\n htmlFor={props.id}\n >\n {label}\n </label>\n )}\n {description && (\n <span className=\"text-xs text-secondary\">{description}</span>\n )}\n </div>\n )}\n </div>\n );\n});\n\nSwitch.displayName = \"Switch\";\n"]}
|
package/dist/components/Tabs.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
'use strict';var s=require('@radix-ui/react-tabs'),n=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var s__namespace=/*#__PURE__*/_interopNamespace(s);var n__namespace=/*#__PURE__*/_interopNamespace(n);function
|
|
1
|
+
'use strict';var s=require('@radix-ui/react-tabs'),n=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var s__namespace=/*#__PURE__*/_interopNamespace(s);var n__namespace=/*#__PURE__*/_interopNamespace(n);function u(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var M={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},L=e=>{let[a,r]=e.split("-");return a==="heading"?M[r]||"p":a==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[l,o]=r.split(":");return `${l}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",y=n__namespace.default.forwardRef(({variant:e="body-default",color:a="primary",as:r,className:l,children:o,weight:i,...p},c)=>{let d=R(e),t=a==="inherit"?"text-inherit":`text-${a}`,f=n__namespace.default.useMemo(()=>{let h=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return L(h)},[e]);return n__namespace.default.createElement(r||f,{ref:c,className:`
|
|
2
2
|
font-sans antialiased
|
|
3
3
|
${d}
|
|
4
4
|
${t}
|
|
5
5
|
${i&&`!${E[i]}`}
|
|
6
6
|
${l}
|
|
7
|
-
`,...p},o)});
|
|
7
|
+
`,...p},o)});y.displayName="Text";var g="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";var $={black:"bg-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},v={black:"border border-text text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},b=n__namespace.forwardRef(({className:e,variant:a="filled",color:r="black",isLoading:l=false,children:o,disabled:i,end:p,...c},d)=>n__namespace.createElement("button",{ref:d,className:u(`
|
|
8
8
|
sm:px-7 px-4
|
|
9
9
|
py-2
|
|
10
10
|
inline-flex items-center justify-center
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
transition-colors duration-200
|
|
13
13
|
disabled:opacity-50 disabled:pointer-events-none
|
|
14
14
|
hover:opacity-80 active:scale-95
|
|
15
|
-
truncate`,g,a==="filled"?$[r]:a==="transparent"?"bg-transparent text-text":v[r],e),disabled:i||l,type:"button",...c},typeof o=="string"?n__namespace.createElement(
|
|
15
|
+
truncate`,g,a==="filled"?$[r]:a==="transparent"?"bg-transparent text-text":v[r],e),disabled:i||l,type:"button",...c},typeof o=="string"?n__namespace.createElement(y,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o,p));b.displayName="Button";var C=n__namespace.default.forwardRef(({items:e,defaultValue:a,className:r="",onChange:l,variant:o="default"},i)=>{let[p,c]=n__namespace.default.useState(a||e[0]?.value),d=n.useCallback(t=>{l?.(t),c(t);},[l]);return n__namespace.default.createElement(s__namespace.Root,{defaultValue:a||e[0]?.value,onValueChange:d,className:r},n__namespace.default.createElement(s__namespace.List,{ref:i,className:u("flex",o==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(t=>o==="default"?n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,className:"group relative flex-1 pb-4"},n__namespace.default.createElement(y,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-primary transition-colors"},t.label),n__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,asChild:true},n__namespace.default.createElement(b,{variant:"filled",color:t.value===p?"black":"secondary",className:"py-3"},t.label)))),e.map(t=>n__namespace.default.createElement(s__namespace.Content,{key:t.value,value:t.value,className:"flex flex-col h-full"},t.content)))});C.displayName="Tabs";exports.Tabs=C;//# sourceMappingURL=Tabs.cjs.map
|
|
16
16
|
//# sourceMappingURL=Tabs.cjs.map
|