@mayor_grd/centry-ui 0.1.0
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 +100 -0
- package/dist/components/ui/accordion.cjs +2 -0
- package/dist/components/ui/accordion.cjs.map +1 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +47 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert-dialog.cjs +2 -0
- package/dist/components/ui/alert-dialog.cjs.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +21 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.js +108 -0
- package/dist/components/ui/alert-dialog.js.map +1 -0
- package/dist/components/ui/alert.cjs +2 -0
- package/dist/components/ui/alert.cjs.map +1 -0
- package/dist/components/ui/alert.d.ts +12 -0
- package/dist/components/ui/alert.d.ts.map +1 -0
- package/dist/components/ui/alert.js +55 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aspect-ratio.cjs +2 -0
- package/dist/components/ui/aspect-ratio.cjs.map +1 -0
- package/dist/components/ui/aspect-ratio.d.ts +4 -0
- package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/components/ui/aspect-ratio.js +6 -0
- package/dist/components/ui/aspect-ratio.js.map +1 -0
- package/dist/components/ui/avatar.cjs +2 -0
- package/dist/components/ui/avatar.cjs.map +1 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +57 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/badge.cjs +2 -0
- package/dist/components/ui/badge.cjs.map +1 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/badge.js +38 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.cjs +2 -0
- package/dist/components/ui/breadcrumb.cjs.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +23 -0
- package/dist/components/ui/breadcrumb.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.js +97 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.cjs +2 -0
- package/dist/components/ui/button.cjs.map +1 -0
- package/dist/components/ui/button.d.ts +13 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.figma.d.ts +2 -0
- package/dist/components/ui/button.figma.d.ts.map +1 -0
- package/dist/components/ui/button.js +73 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/calendar.cjs +2 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.ts +9 -0
- package/dist/components/ui/calendar.d.ts.map +1 -0
- package/dist/components/ui/calendar.js +56 -0
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card.cjs +2 -0
- package/dist/components/ui/card.cjs.map +1 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +51 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/carousel.cjs +2 -0
- package/dist/components/ui/carousel.cjs.map +1 -0
- package/dist/components/ui/carousel.d.ts +19 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/carousel.js +156 -0
- package/dist/components/ui/carousel.js.map +1 -0
- package/dist/components/ui/checkbox.cjs +2 -0
- package/dist/components/ui/checkbox.cjs.map +1 -0
- package/dist/components/ui/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -0
- package/dist/components/ui/checkbox.js +53 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible.cjs +2 -0
- package/dist/components/ui/collapsible.cjs.map +1 -0
- package/dist/components/ui/collapsible.d.ts +6 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +8 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/combobox.cjs +2 -0
- package/dist/components/ui/combobox.cjs.map +1 -0
- package/dist/components/ui/combobox.d.ts +22 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +70 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/command.cjs +2 -0
- package/dist/components/ui/command.cjs.map +1 -0
- package/dist/components/ui/command.d.ts +82 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/command.js +107 -0
- package/dist/components/ui/command.js.map +1 -0
- package/dist/components/ui/data-table.cjs +2 -0
- package/dist/components/ui/data-table.cjs.map +1 -0
- package/dist/components/ui/data-table.d.ts +11 -0
- package/dist/components/ui/data-table.d.ts.map +1 -0
- package/dist/components/ui/data-table.js +26 -0
- package/dist/components/ui/data-table.js.map +1 -0
- package/dist/components/ui/date-picker.cjs +2 -0
- package/dist/components/ui/date-picker.cjs.map +1 -0
- package/dist/components/ui/date-picker.d.ts +15 -0
- package/dist/components/ui/date-picker.d.ts.map +1 -0
- package/dist/components/ui/date-picker.js +49 -0
- package/dist/components/ui/date-picker.js.map +1 -0
- package/dist/components/ui/dialog.cjs +2 -0
- package/dist/components/ui/dialog.cjs.map +1 -0
- package/dist/components/ui/dialog.d.ts +20 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dialog.js +96 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/drawer.cjs +2 -0
- package/dist/components/ui/drawer.cjs.map +1 -0
- package/dist/components/ui/drawer.d.ts +23 -0
- package/dist/components/ui/drawer.d.ts.map +1 -0
- package/dist/components/ui/drawer.js +84 -0
- package/dist/components/ui/drawer.js.map +1 -0
- package/dist/components/ui/dropdown-menu.cjs +2 -0
- package/dist/components/ui/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +34 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.js +153 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/form.cjs +2 -0
- package/dist/components/ui/form.cjs.map +1 -0
- package/dist/components/ui/form.d.ts +23 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +93 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/hover-card.cjs +2 -0
- package/dist/components/ui/hover-card.cjs.map +1 -0
- package/dist/components/ui/hover-card.d.ts +7 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/hover-card.js +24 -0
- package/dist/components/ui/hover-card.js.map +1 -0
- package/dist/components/ui/index.d.ts +45 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/input-otp.cjs +2 -0
- package/dist/components/ui/input-otp.cjs.map +1 -0
- package/dist/components/ui/input-otp.d.ts +36 -0
- package/dist/components/ui/input-otp.d.ts.map +1 -0
- package/dist/components/ui/input-otp.js +55 -0
- package/dist/components/ui/input-otp.js.map +1 -0
- package/dist/components/ui/input.cjs +2 -0
- package/dist/components/ui/input.cjs.map +1 -0
- package/dist/components/ui/input.d.ts +10 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +32 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.cjs +2 -0
- package/dist/components/ui/label.cjs.map +1 -0
- package/dist/components/ui/label.d.ts +6 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/label.js +13 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/navigation-menu.cjs +2 -0
- package/dist/components/ui/navigation-menu.cjs.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +13 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.js +100 -0
- package/dist/components/ui/navigation-menu.js.map +1 -0
- package/dist/components/ui/pagination.cjs +2 -0
- package/dist/components/ui/pagination.cjs.map +1 -0
- package/dist/components/ui/pagination.d.ts +29 -0
- package/dist/components/ui/pagination.d.ts.map +1 -0
- package/dist/components/ui/pagination.js +100 -0
- package/dist/components/ui/pagination.js.map +1 -0
- package/dist/components/ui/popover.cjs +2 -0
- package/dist/components/ui/popover.cjs.map +1 -0
- package/dist/components/ui/popover.d.ts +8 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +25 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/progress.cjs +2 -0
- package/dist/components/ui/progress.cjs.map +1 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.d.ts.map +1 -0
- package/dist/components/ui/progress.js +24 -0
- package/dist/components/ui/progress.js.map +1 -0
- package/dist/components/ui/radio-group.cjs +2 -0
- package/dist/components/ui/radio-group.cjs.map +1 -0
- package/dist/components/ui/radio-group.d.ts +6 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/radio-group.js +31 -0
- package/dist/components/ui/radio-group.js.map +1 -0
- package/dist/components/ui/select.cjs +2 -0
- package/dist/components/ui/select.cjs.map +1 -0
- package/dist/components/ui/select.d.ts +14 -0
- package/dist/components/ui/select.d.ts.map +1 -0
- package/dist/components/ui/select.js +116 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.cjs +2 -0
- package/dist/components/ui/separator.cjs.map +1 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/separator.d.ts.map +1 -0
- package/dist/components/ui/separator.js +23 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.cjs +2 -0
- package/dist/components/ui/sheet.cjs.map +1 -0
- package/dist/components/ui/sheet.d.ts +26 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/components/ui/sheet.js +87 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/sidebar.cjs +2 -0
- package/dist/components/ui/sidebar.cjs.map +1 -0
- package/dist/components/ui/sidebar.d.ts +70 -0
- package/dist/components/ui/sidebar.d.ts.map +1 -0
- package/dist/components/ui/sidebar.js +541 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/skeleton.cjs +2 -0
- package/dist/components/ui/skeleton.cjs.map +1 -0
- package/dist/components/ui/skeleton.d.ts +4 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/skeleton.js +18 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.cjs +2 -0
- package/dist/components/ui/slider.cjs.map +1 -0
- package/dist/components/ui/slider.d.ts +5 -0
- package/dist/components/ui/slider.d.ts.map +1 -0
- package/dist/components/ui/slider.js +21 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/sonner.cjs +2 -0
- package/dist/components/ui/sonner.cjs.map +1 -0
- package/dist/components/ui/sonner.d.ts +6 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/sonner.js +27 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/switch.cjs +2 -0
- package/dist/components/ui/switch.cjs.map +1 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/switch.js +28 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.cjs +2 -0
- package/dist/components/ui/table.cjs.map +1 -0
- package/dist/components/ui/table.d.ts +17 -0
- package/dist/components/ui/table.d.ts.map +1 -0
- package/dist/components/ui/table.js +86 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tag.cjs +2 -0
- package/dist/components/ui/tag.cjs.map +1 -0
- package/dist/components/ui/tag.d.ts +11 -0
- package/dist/components/ui/tag.d.ts.map +1 -0
- package/dist/components/ui/tag.js +50 -0
- package/dist/components/ui/tag.js.map +1 -0
- package/dist/components/ui/textarea.cjs +2 -0
- package/dist/components/ui/textarea.cjs.map +1 -0
- package/dist/components/ui/textarea.d.ts +10 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.js +31 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/toggle-group.cjs +2 -0
- package/dist/components/ui/toggle-group.cjs.map +1 -0
- package/dist/components/ui/toggle-group.d.ts +17 -0
- package/dist/components/ui/toggle-group.d.ts.map +1 -0
- package/dist/components/ui/toggle-group.js +57 -0
- package/dist/components/ui/toggle-group.js.map +1 -0
- package/dist/components/ui/toggle.cjs +2 -0
- package/dist/components/ui/toggle.cjs.map +1 -0
- package/dist/components/ui/toggle.d.ts +13 -0
- package/dist/components/ui/toggle.d.ts.map +1 -0
- package/dist/components/ui/toggle.js +35 -0
- package/dist/components/ui/toggle.js.map +1 -0
- package/dist/components/ui/tooltip.cjs +2 -0
- package/dist/components/ui/tooltip.cjs.map +1 -0
- package/dist/components/ui/tooltip.d.ts +14 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +34 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +264 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.cjs +2 -0
- package/dist/lib/utils.cjs.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +9 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles/library.css +174 -0
- package/dist/tokens/generated/primitives.css +541 -0
- package/dist/tokens/generated/tailwind-theme.cjs +2 -0
- package/dist/tokens/generated/tailwind-theme.cjs.map +1 -0
- package/dist/tokens/generated/tailwind-theme.d.ts +870 -0
- package/dist/tokens/generated/tailwind-theme.d.ts.map +1 -0
- package/dist/tokens/generated/tailwind-theme.js +872 -0
- package/dist/tokens/generated/tailwind-theme.js.map +1 -0
- package/dist/tokens/generated/tokens.cjs +2 -0
- package/dist/tokens/generated/tokens.cjs.map +1 -0
- package/dist/tokens/generated/tokens.d.ts +891 -0
- package/dist/tokens/generated/tokens.d.ts.map +1 -0
- package/dist/tokens/generated/tokens.js +1596 -0
- package/dist/tokens/generated/tokens.js.map +1 -0
- package/dist/tokens/generated/variables.css +919 -0
- package/dist/tokens/index.cjs +2 -0
- package/dist/tokens/index.cjs.map +1 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +15 -0
- package/dist/tokens/index.js.map +1 -0
- package/package.json +140 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.cjs","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring',\n {\n variants: {\n variant: {\n default:\n 'border-transparent bg-action-primary-bg text-action-primary-text',\n secondary:\n 'border-transparent bg-action-secondary-bg text-action-secondary-text',\n outline: 'border-border-default bg-bg-transparent text-text-primary',\n destructive:\n 'border-transparent bg-action-destructive-bg text-action-destructive-text',\n info: 'border-status-info-border bg-status-info-bg text-status-info-text',\n success:\n 'border-status-success-border bg-status-success-bg text-status-success-text',\n warning:\n 'border-status-warning-border bg-status-warning-bg text-status-warning-text',\n error:\n 'border-status-error-border bg-status-error-bg text-status-error-text',\n verified:\n 'border-transparent bg-action-primary-bg text-action-primary-text',\n },\n },\n defaultVariants: { variant: 'default' },\n }\n);\n\ninterface BadgeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n ({ className, variant, ...props }, ref) => (\n <span\n ref={ref}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants, type BadgeProps };\n"],"names":["badgeVariants","cva","Badge","React","className","variant","props","ref","jsx","cn"],"mappings":"yeAIMA,EAAgBC,EAAAA,IACpB,uLACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,UACE,uEACF,QAAS,4DACT,YACE,2EACF,KAAM,oEACN,QACE,6EACF,QACE,6EACF,MACE,uEACF,SACE,kEAAA,CACJ,EAEF,gBAAiB,CAAE,QAAS,SAAA,CAAU,CAE1C,EAMMC,EAAQC,EAAM,WAClB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAASC,IACjCC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAGT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CAAA,CAGV,EACAJ,EAAM,YAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "info" | "success" | "warning" | "error" | "secondary" | "outline" | "destructive" | "verified" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
export { Badge, badgeVariants, type BadgeProps };
|
|
10
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAyBlB,CAAC;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,KAAK,oFAQV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { cva as n } from "class-variance-authority";
|
|
4
|
+
import { cn as i } from "../../lib/utils.js";
|
|
5
|
+
const b = n(
|
|
6
|
+
"inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "border-transparent bg-action-primary-bg text-action-primary-text",
|
|
11
|
+
secondary: "border-transparent bg-action-secondary-bg text-action-secondary-text",
|
|
12
|
+
outline: "border-border-default bg-bg-transparent text-text-primary",
|
|
13
|
+
destructive: "border-transparent bg-action-destructive-bg text-action-destructive-text",
|
|
14
|
+
info: "border-status-info-border bg-status-info-bg text-status-info-text",
|
|
15
|
+
success: "border-status-success-border bg-status-success-bg text-status-success-text",
|
|
16
|
+
warning: "border-status-warning-border bg-status-warning-bg text-status-warning-text",
|
|
17
|
+
error: "border-status-error-border bg-status-error-bg text-status-error-text",
|
|
18
|
+
verified: "border-transparent bg-action-primary-bg text-action-primary-text"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: { variant: "default" }
|
|
22
|
+
}
|
|
23
|
+
), c = o.forwardRef(
|
|
24
|
+
({ className: t, variant: r, ...e }, a) => /* @__PURE__ */ s(
|
|
25
|
+
"span",
|
|
26
|
+
{
|
|
27
|
+
ref: a,
|
|
28
|
+
className: i(b({ variant: r }), t),
|
|
29
|
+
...e
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
);
|
|
33
|
+
c.displayName = "Badge";
|
|
34
|
+
export {
|
|
35
|
+
c as Badge,
|
|
36
|
+
b as badgeVariants
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring',\n {\n variants: {\n variant: {\n default:\n 'border-transparent bg-action-primary-bg text-action-primary-text',\n secondary:\n 'border-transparent bg-action-secondary-bg text-action-secondary-text',\n outline: 'border-border-default bg-bg-transparent text-text-primary',\n destructive:\n 'border-transparent bg-action-destructive-bg text-action-destructive-text',\n info: 'border-status-info-border bg-status-info-bg text-status-info-text',\n success:\n 'border-status-success-border bg-status-success-bg text-status-success-text',\n warning:\n 'border-status-warning-border bg-status-warning-bg text-status-warning-text',\n error:\n 'border-status-error-border bg-status-error-bg text-status-error-text',\n verified:\n 'border-transparent bg-action-primary-bg text-action-primary-text',\n },\n },\n defaultVariants: { variant: 'default' },\n }\n);\n\ninterface BadgeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n ({ className, variant, ...props }, ref) => (\n <span\n ref={ref}\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n);\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants, type BadgeProps };\n"],"names":["badgeVariants","cva","Badge","React","className","variant","props","ref","jsx","cn"],"mappings":";;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,SAAS;AAAA,QACT,aACE;AAAA,QACF,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,SAAS,UAAA;AAAA,EAAU;AAE1C,GAMMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,MACjC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAM,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),B=require("@radix-ui/react-slot"),n=require("iconsax-react"),g=require("class-variance-authority"),c=require("../../lib/utils.cjs");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const i=j(x),o=i.forwardRef(({...e},r)=>t.jsx("nav",{ref:r,"aria-label":"breadcrumb",...e}));o.displayName="Breadcrumb";const y=g.cva("flex flex-wrap items-center break-words text-text-muted",{variants:{size:{sm:"gap-1 text-xs sm:gap-2",md:"gap-1.5 text-sm sm:gap-2.5"}},defaultVariants:{size:"md"}}),m=i.forwardRef(({className:e,size:r,...a},s)=>t.jsx("ol",{ref:s,className:c.cn(y({size:r}),e),...a}));m.displayName="BreadcrumbList";const l=i.forwardRef(({className:e,...r},a)=>t.jsx("li",{ref:a,className:c.cn("inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";const d=i.forwardRef(({asChild:e,className:r,...a},s)=>{const f=e?B.Slot:"a";return t.jsx(f,{ref:s,className:c.cn("transition-colors hover:text-text-primary",r),...a})});d.displayName="BreadcrumbLink";const u=i.forwardRef(({className:e,...r},a)=>t.jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:c.cn("font-medium text-text-primary",e),...r}));u.displayName="BreadcrumbPage";const b=({children:e,className:r,...a})=>t.jsx("li",{role:"presentation","aria-hidden":"true",className:c.cn("[&>svg]:size-3.5 text-icon-muted",r),...a,children:e??t.jsx(n.ArrowRight2,{size:14,color:"currentColor"})});b.displayName="BreadcrumbSeparator";const p=({className:e,...r})=>t.jsxs("span",{role:"presentation","aria-hidden":"true",className:c.cn("flex h-9 w-9 items-center justify-center text-icon-muted",e),...r,children:[t.jsx(n.More,{size:16,color:"currentColor"}),t.jsx("span",{className:"sr-only",children:"More"})]});p.displayName="BreadcrumbEllipsis";exports.Breadcrumb=o;exports.BreadcrumbEllipsis=p;exports.BreadcrumbItem=l;exports.BreadcrumbLink=d;exports.BreadcrumbList=m;exports.BreadcrumbPage=u;exports.BreadcrumbSeparator=b;
|
|
2
|
+
//# sourceMappingURL=breadcrumb.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.cjs","sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ArrowRight2, More } from 'iconsax-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & { separator?: React.ReactNode }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\nconst breadcrumbListVariants = cva(\n 'flex flex-wrap items-center break-words text-text-muted',\n {\n variants: {\n size: {\n sm: 'gap-1 text-xs sm:gap-2',\n md: 'gap-1.5 text-sm sm:gap-2.5',\n },\n },\n defaultVariants: { size: 'md' },\n }\n);\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'> & VariantProps<typeof breadcrumbListVariants>\n>(({ className, size, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(breadcrumbListVariants({ size }), className)}\n {...props}\n />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n )\n);\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<'a'> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : 'a';\n return (\n <Comp\n ref={ref}\n className={cn('transition-colors hover:text-text-primary', className)}\n {...props}\n />\n );\n});\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('font-medium text-text-primary', className)}\n {...props}\n />\n )\n);\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5 text-icon-muted', className)}\n {...props}\n >\n {children ?? <ArrowRight2 size={14} color=\"currentColor\" />}\n </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center text-icon-muted', className)}\n {...props}\n >\n <More size={16} color=\"currentColor\" />\n <span className=\"sr-only\">More</span>\n </span>\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","breadcrumbListVariants","cva","BreadcrumbList","className","size","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ArrowRight2","BreadcrumbEllipsis","jsxs","More"],"mappings":"siBAMMA,EAAaC,EAAM,WAGvB,CAAC,CAAE,GAAGC,CAAA,EAASC,IAAQC,EAAAA,IAAC,OAAI,IAAAD,EAAU,aAAW,aAAc,GAAGD,EAAO,CAAE,EAC7EF,EAAW,YAAc,aAEzB,MAAMK,EAAyBC,EAAAA,IAC7B,0DACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,yBACJ,GAAI,4BAAA,CACN,EAEF,gBAAiB,CAAE,KAAM,IAAA,CAAK,CAElC,EAEMC,EAAiBN,EAAM,WAG3B,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGP,GAASC,IAChCC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWO,EAAAA,GAAGL,EAAuB,CAAE,KAAAI,CAAA,CAAM,EAAGD,CAAS,EACxD,GAAGN,CAAA,CACN,CACD,EACDK,EAAe,YAAc,iBAE7B,MAAMI,EAAiBV,EAAM,WAC3B,CAAC,CAAE,UAAAO,EAAW,GAAGN,CAAA,EAASC,IACxBC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWO,EAAAA,GAAG,mCAAoCF,CAAS,EAAI,GAAGN,CAAA,CAAO,CAE3F,EACAS,EAAe,YAAc,iBAE7B,MAAMC,EAAiBX,EAAM,WAG3B,CAAC,CAAE,QAAAY,EAAS,UAAAL,EAAW,GAAGN,CAAA,EAASC,IAAQ,CAC3C,MAAMW,EAAOD,EAAUE,EAAAA,KAAO,IAC9B,OACEX,EAAAA,IAACU,EAAA,CACC,IAAAX,EACA,UAAWO,EAAAA,GAAG,4CAA6CF,CAAS,EACnE,GAAGN,CAAA,CAAA,CAGV,CAAC,EACDU,EAAe,YAAc,iBAE7B,MAAMI,EAAiBf,EAAM,WAC3B,CAAC,CAAE,UAAAO,EAAW,GAAGN,CAAA,EAASC,IACxBC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWO,EAAAA,GAAG,gCAAiCF,CAAS,EACvD,GAAGN,CAAA,CAAA,CAGV,EACAc,EAAe,YAAc,iBAE7B,MAAMC,EAAsB,CAAC,CAC3B,SAAAC,EACA,UAAAV,EACA,GAAGN,CACL,IACEE,EAAAA,IAAC,KAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWM,EAAAA,GAAG,mCAAoCF,CAAS,EAC1D,GAAGN,EAEH,YAAYE,EAAAA,IAACe,EAAAA,YAAA,CAAY,KAAM,GAAI,MAAM,cAAA,CAAe,CAAA,CAC3D,EAEFF,EAAoB,YAAc,sBAElC,MAAMG,EAAqB,CAAC,CAC1B,UAAAZ,EACA,GAAGN,CACL,IACEmB,EAAAA,KAAC,OAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWX,EAAAA,GAAG,2DAA4DF,CAAS,EAClF,GAAGN,EAEJ,SAAA,CAAAE,EAAAA,IAACkB,EAAAA,KAAA,CAAK,KAAM,GAAI,MAAM,eAAe,EACrClB,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAChC,EAEFgB,EAAmB,YAAc"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
4
|
+
separator?: React.ReactNode;
|
|
5
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & VariantProps<(props?: ({
|
|
7
|
+
size?: "sm" | "md" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
|
|
9
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
10
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
14
|
+
declare const BreadcrumbSeparator: {
|
|
15
|
+
({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
declare const BreadcrumbEllipsis: {
|
|
19
|
+
({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
23
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,UAAU;gBAEwC,KAAK,CAAC,SAAS;qCACO,CAAC;AAgB/E,QAAA,MAAM,cAAc;;wHASlB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAInB,CAAC;AAGF,QAAA,MAAM,cAAc;cAEgC,OAAO;2CAUzD,CAAC;AAGH,QAAA,MAAM,cAAc,sKAWnB,CAAC;AAGF,QAAA,MAAM,mBAAmB;wCAItB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;CAS5B,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAU9B,CAAC;AAGF,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { jsx as t, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import * as m from "react";
|
|
3
|
+
import { Slot as c } from "@radix-ui/react-slot";
|
|
4
|
+
import { More as d, ArrowRight2 as n } from "iconsax-react";
|
|
5
|
+
import { cva as l } from "class-variance-authority";
|
|
6
|
+
import { cn as s } from "../../lib/utils.js";
|
|
7
|
+
const p = m.forwardRef(({ ...r }, e) => /* @__PURE__ */ t("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
|
|
8
|
+
p.displayName = "Breadcrumb";
|
|
9
|
+
const u = l(
|
|
10
|
+
"flex flex-wrap items-center break-words text-text-muted",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
size: {
|
|
14
|
+
sm: "gap-1 text-xs sm:gap-2",
|
|
15
|
+
md: "gap-1.5 text-sm sm:gap-2.5"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: { size: "md" }
|
|
19
|
+
}
|
|
20
|
+
), f = m.forwardRef(({ className: r, size: e, ...a }, i) => /* @__PURE__ */ t(
|
|
21
|
+
"ol",
|
|
22
|
+
{
|
|
23
|
+
ref: i,
|
|
24
|
+
className: s(u({ size: e }), r),
|
|
25
|
+
...a
|
|
26
|
+
}
|
|
27
|
+
));
|
|
28
|
+
f.displayName = "BreadcrumbList";
|
|
29
|
+
const b = m.forwardRef(
|
|
30
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t("li", { ref: a, className: s("inline-flex items-center gap-1.5", r), ...e })
|
|
31
|
+
);
|
|
32
|
+
b.displayName = "BreadcrumbItem";
|
|
33
|
+
const x = m.forwardRef(({ asChild: r, className: e, ...a }, i) => /* @__PURE__ */ t(
|
|
34
|
+
r ? c : "a",
|
|
35
|
+
{
|
|
36
|
+
ref: i,
|
|
37
|
+
className: s("transition-colors hover:text-text-primary", e),
|
|
38
|
+
...a
|
|
39
|
+
}
|
|
40
|
+
));
|
|
41
|
+
x.displayName = "BreadcrumbLink";
|
|
42
|
+
const B = m.forwardRef(
|
|
43
|
+
({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
44
|
+
"span",
|
|
45
|
+
{
|
|
46
|
+
ref: a,
|
|
47
|
+
role: "link",
|
|
48
|
+
"aria-disabled": "true",
|
|
49
|
+
"aria-current": "page",
|
|
50
|
+
className: s("font-medium text-text-primary", r),
|
|
51
|
+
...e
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
);
|
|
55
|
+
B.displayName = "BreadcrumbPage";
|
|
56
|
+
const N = ({
|
|
57
|
+
children: r,
|
|
58
|
+
className: e,
|
|
59
|
+
...a
|
|
60
|
+
}) => /* @__PURE__ */ t(
|
|
61
|
+
"li",
|
|
62
|
+
{
|
|
63
|
+
role: "presentation",
|
|
64
|
+
"aria-hidden": "true",
|
|
65
|
+
className: s("[&>svg]:size-3.5 text-icon-muted", e),
|
|
66
|
+
...a,
|
|
67
|
+
children: r ?? /* @__PURE__ */ t(n, { size: 14, color: "currentColor" })
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
N.displayName = "BreadcrumbSeparator";
|
|
71
|
+
const y = ({
|
|
72
|
+
className: r,
|
|
73
|
+
...e
|
|
74
|
+
}) => /* @__PURE__ */ o(
|
|
75
|
+
"span",
|
|
76
|
+
{
|
|
77
|
+
role: "presentation",
|
|
78
|
+
"aria-hidden": "true",
|
|
79
|
+
className: s("flex h-9 w-9 items-center justify-center text-icon-muted", r),
|
|
80
|
+
...e,
|
|
81
|
+
children: [
|
|
82
|
+
/* @__PURE__ */ t(d, { size: 16, color: "currentColor" }),
|
|
83
|
+
/* @__PURE__ */ t("span", { className: "sr-only", children: "More" })
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
y.displayName = "BreadcrumbEllipsis";
|
|
88
|
+
export {
|
|
89
|
+
p as Breadcrumb,
|
|
90
|
+
y as BreadcrumbEllipsis,
|
|
91
|
+
b as BreadcrumbItem,
|
|
92
|
+
x as BreadcrumbLink,
|
|
93
|
+
f as BreadcrumbList,
|
|
94
|
+
B as BreadcrumbPage,
|
|
95
|
+
N as BreadcrumbSeparator
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ArrowRight2, More } from 'iconsax-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & { separator?: React.ReactNode }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\nconst breadcrumbListVariants = cva(\n 'flex flex-wrap items-center break-words text-text-muted',\n {\n variants: {\n size: {\n sm: 'gap-1 text-xs sm:gap-2',\n md: 'gap-1.5 text-sm sm:gap-2.5',\n },\n },\n defaultVariants: { size: 'md' },\n }\n);\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'> & VariantProps<typeof breadcrumbListVariants>\n>(({ className, size, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(breadcrumbListVariants({ size }), className)}\n {...props}\n />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n )\n);\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<'a'> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : 'a';\n return (\n <Comp\n ref={ref}\n className={cn('transition-colors hover:text-text-primary', className)}\n {...props}\n />\n );\n});\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('font-medium text-text-primary', className)}\n {...props}\n />\n )\n);\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5 text-icon-muted', className)}\n {...props}\n >\n {children ?? <ArrowRight2 size={14} color=\"currentColor\" />}\n </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center text-icon-muted', className)}\n {...props}\n >\n <More size={16} color=\"currentColor\" />\n <span className=\"sr-only\">More</span>\n </span>\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","breadcrumbListVariants","cva","BreadcrumbList","className","size","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ArrowRight2","BreadcrumbEllipsis","jsxs","More"],"mappings":";;;;;;AAMA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMC,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAO,GAAW,MAAAC,GAAM,GAAGP,KAASC,MAChC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWO,EAAGL,EAAuB,EAAE,MAAAI,EAAA,CAAM,GAAGD,CAAS;AAAA,IACxD,GAAGN;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMI,IAAiBV,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAO,GAAW,GAAGN,EAAA,GAASC,MACxB,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWO,EAAG,oCAAoCF,CAAS,GAAI,GAAGN,EAAA,CAAO;AAE3F;AACAS,EAAe,cAAc;AAE7B,MAAMC,IAAiBX,EAAM,WAG3B,CAAC,EAAE,SAAAY,GAAS,WAAAL,GAAW,GAAGN,EAAA,GAASC,MAGjC,gBAAAC;AAAA,EAFWS,IAAUC,IAAO;AAAA,EAE3B;AAAA,IACC,KAAAX;AAAA,IACA,WAAWO,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGN;AAAA,EAAA;AAAA,CAGT;AACDU,EAAe,cAAc;AAE7B,MAAMG,IAAiBd,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAO,GAAW,GAAGN,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AACAa,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGN;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWM,EAAG,oCAAoCF,CAAS;AAAA,IAC1D,GAAGN;AAAA,IAEH,eAAY,gBAAAE,EAACc,GAAA,EAAY,MAAM,IAAI,OAAM,eAAA,CAAe;AAAA,EAAA;AAC3D;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGN;AACL,MACE,gBAAAkB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4DAA4DF,CAAS;AAAA,IAClF,GAAGN;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACiB,GAAA,EAAK,MAAM,IAAI,OAAM,gBAAe;AAAA,MACrC,gBAAAjB,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFe,EAAmB,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),v=require("@radix-ui/react-slot"),f=require("class-variance-authority"),h=require("../../lib/utils.cjs");function x(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(o,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return o.default=t,Object.freeze(o)}const p=x(d),s=f.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-offset disabled:pointer-events-none disabled:bg-action-disabled-bg disabled:text-action-disabled-text disabled:border-action-disabled-border disabled:opacity-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover active:bg-action-primary-bg-active",destructive:"bg-action-destructive-bg text-action-destructive-text hover:bg-action-destructive-bg-hover active:bg-action-destructive-bg-active",outline:"border border-action-outline-border bg-action-outline-bg text-action-outline-text hover:bg-action-outline-bg-hover active:bg-action-outline-bg-active",secondary:"bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bg-hover active:bg-action-secondary-bg-active",ghost:"bg-action-ghost-bg text-action-ghost-text hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-active",link:"text-action-link-text underline-offset-4 hover:underline hover:text-action-link-text-hover"},size:{default:"h-10 px-4 py-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"h-10 w-10",iconSm:"h-9 w-9",iconLg:"h-11 w-11"}},defaultVariants:{variant:"default",size:"default"}}),m=()=>e.jsxs("svg",{className:"h-4 w-4 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",className:"opacity-25"}),e.jsx("path",{fill:"currentColor",className:"opacity-75",d:"M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z"})]}),c=p.forwardRef(({className:t,variant:o,size:i,asChild:n=!1,loading:a=!1,disabled:l,children:r,...b},u)=>{const g=n?v.Slot:"button";return e.jsx(g,{className:h.cn(s({variant:o,size:i,className:t})),ref:u,disabled:l||a,"aria-busy":a||void 0,...b,children:n?r:e.jsxs(e.Fragment,{children:[a?e.jsx(m,{}):null,r]})})});c.displayName="Button";exports.Button=c;exports.buttonVariants=s;
|
|
2
|
+
//# sourceMappingURL=button.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.cjs","sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-offset disabled:pointer-events-none disabled:bg-action-disabled-bg disabled:text-action-disabled-text disabled:border-action-disabled-border disabled:opacity-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default:\n 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover active:bg-action-primary-bg-active',\n destructive:\n 'bg-action-destructive-bg text-action-destructive-text hover:bg-action-destructive-bg-hover active:bg-action-destructive-bg-active',\n outline:\n 'border border-action-outline-border bg-action-outline-bg text-action-outline-text hover:bg-action-outline-bg-hover active:bg-action-outline-bg-active',\n secondary:\n 'bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bg-hover active:bg-action-secondary-bg-active',\n ghost:\n 'bg-action-ghost-bg text-action-ghost-text hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-active',\n link: 'text-action-link-text underline-offset-4 hover:underline hover:text-action-link-text-hover',\n },\n size: {\n default: 'h-10 px-4 py-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'h-10 w-10',\n iconSm: 'h-9 w-9',\n iconLg: 'h-11 w-11',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nconst Spinner = () => (\n <svg\n className=\"h-4 w-4 animate-spin\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"3\" className=\"opacity-25\" />\n <path\n fill=\"currentColor\"\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z\"\n />\n </svg>\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button';\n // When asChild is true, Slot enforces React.Children.only — must pass\n // exactly one child. We can't inject a Spinner there, so loading is a\n // no-op in asChild mode (the consumer's element renders as-is).\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n {...props}\n >\n {asChild ? (\n children\n ) : (\n <>\n {loading ? <Spinner /> : null}\n {children}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Spinner","jsxs","jsx","Button","React","className","variant","size","asChild","loading","disabled","children","props","ref","Comp","Slot","cn","Fragment"],"mappings":"2gBAKMA,EAAiBC,EAAAA,IACrB,6dACA,CACE,SAAU,CACR,QAAS,CACP,QACE,oHACF,YACE,oIACF,QACE,wJACF,UACE,4HACF,MACE,4GACF,KAAM,4FAAA,EAER,KAAM,CACJ,QAAS,iBACT,GAAI,WACJ,GAAI,YACJ,KAAM,YACN,OAAQ,UACR,OAAQ,WAAA,CACV,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEMC,EAAU,IACdC,EAAAA,KAAC,MAAA,CACC,UAAU,uBACV,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,cAAY,OAEZ,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,OAAO,eAAe,YAAY,IAAI,UAAU,aAAa,EAC5FA,EAAAA,IAAC,OAAA,CACC,KAAK,eACL,UAAU,aACV,EAAE,qCAAA,CAAA,CACJ,CAAA,CACF,EAUIC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,QAAAC,EAAU,GAAO,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACrG,MAAMC,EAAON,EAAUO,EAAAA,KAAO,SAI9B,OACEb,EAAAA,IAACY,EAAA,CACC,UAAWE,EAAAA,GAAGlB,EAAe,CAAE,QAAAQ,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAQ,EACA,SAAUH,GAAYD,EACtB,YAAWA,GAAW,OACrB,GAAGG,EAEH,SAAAJ,EACCG,EAEAV,EAAAA,KAAAgB,EAAAA,SAAA,CACG,SAAA,CAAAR,EAAUP,EAAAA,IAACF,IAAQ,EAAK,KACxBW,CAAA,CAAA,CACH,CAAA,CAAA,CAIR,CACF,EACAR,EAAO,YAAc"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "secondary" | "outline" | "destructive" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export { Button, buttonVariants };
|
|
13
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAmBF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAyBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { jsx as t, jsxs as n, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { Slot as v } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva as u } from "class-variance-authority";
|
|
5
|
+
import { cn as f } from "../../lib/utils.js";
|
|
6
|
+
const h = u(
|
|
7
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-offset disabled:pointer-events-none disabled:bg-action-disabled-bg disabled:text-action-disabled-text disabled:border-action-disabled-border disabled:opacity-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
8
|
+
{
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover active:bg-action-primary-bg-active",
|
|
12
|
+
destructive: "bg-action-destructive-bg text-action-destructive-text hover:bg-action-destructive-bg-hover active:bg-action-destructive-bg-active",
|
|
13
|
+
outline: "border border-action-outline-border bg-action-outline-bg text-action-outline-text hover:bg-action-outline-bg-hover active:bg-action-outline-bg-active",
|
|
14
|
+
secondary: "bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bg-hover active:bg-action-secondary-bg-active",
|
|
15
|
+
ghost: "bg-action-ghost-bg text-action-ghost-text hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-active",
|
|
16
|
+
link: "text-action-link-text underline-offset-4 hover:underline hover:text-action-link-text-hover"
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
default: "h-10 px-4 py-2",
|
|
20
|
+
sm: "h-9 px-3",
|
|
21
|
+
lg: "h-11 px-8",
|
|
22
|
+
icon: "h-10 w-10",
|
|
23
|
+
iconSm: "h-9 w-9",
|
|
24
|
+
iconLg: "h-11 w-11"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
variant: "default",
|
|
29
|
+
size: "default"
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
), m = () => /* @__PURE__ */ n(
|
|
33
|
+
"svg",
|
|
34
|
+
{
|
|
35
|
+
className: "h-4 w-4 animate-spin",
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
+
fill: "none",
|
|
38
|
+
viewBox: "0 0 24 24",
|
|
39
|
+
"aria-hidden": "true",
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", className: "opacity-25" }),
|
|
42
|
+
/* @__PURE__ */ t(
|
|
43
|
+
"path",
|
|
44
|
+
{
|
|
45
|
+
fill: "currentColor",
|
|
46
|
+
className: "opacity-75",
|
|
47
|
+
d: "M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z"
|
|
48
|
+
}
|
|
49
|
+
)
|
|
50
|
+
]
|
|
51
|
+
}
|
|
52
|
+
), p = d.forwardRef(
|
|
53
|
+
({ className: a, variant: r, size: s, asChild: i = !1, loading: e = !1, disabled: c, children: o, ...b }, l) => /* @__PURE__ */ t(
|
|
54
|
+
i ? v : "button",
|
|
55
|
+
{
|
|
56
|
+
className: f(h({ variant: r, size: s, className: a })),
|
|
57
|
+
ref: l,
|
|
58
|
+
disabled: c || e,
|
|
59
|
+
"aria-busy": e || void 0,
|
|
60
|
+
...b,
|
|
61
|
+
children: i ? o : /* @__PURE__ */ n(g, { children: [
|
|
62
|
+
e ? /* @__PURE__ */ t(m, {}) : null,
|
|
63
|
+
o
|
|
64
|
+
] })
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
);
|
|
68
|
+
p.displayName = "Button";
|
|
69
|
+
export {
|
|
70
|
+
p as Button,
|
|
71
|
+
h as buttonVariants
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-offset disabled:pointer-events-none disabled:bg-action-disabled-bg disabled:text-action-disabled-text disabled:border-action-disabled-border disabled:opacity-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default:\n 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover active:bg-action-primary-bg-active',\n destructive:\n 'bg-action-destructive-bg text-action-destructive-text hover:bg-action-destructive-bg-hover active:bg-action-destructive-bg-active',\n outline:\n 'border border-action-outline-border bg-action-outline-bg text-action-outline-text hover:bg-action-outline-bg-hover active:bg-action-outline-bg-active',\n secondary:\n 'bg-action-secondary-bg text-action-secondary-text hover:bg-action-secondary-bg-hover active:bg-action-secondary-bg-active',\n ghost:\n 'bg-action-ghost-bg text-action-ghost-text hover:bg-action-ghost-bg-hover active:bg-action-ghost-bg-active',\n link: 'text-action-link-text underline-offset-4 hover:underline hover:text-action-link-text-hover',\n },\n size: {\n default: 'h-10 px-4 py-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'h-10 w-10',\n iconSm: 'h-9 w-9',\n iconLg: 'h-11 w-11',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nconst Spinner = () => (\n <svg\n className=\"h-4 w-4 animate-spin\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"3\" className=\"opacity-25\" />\n <path\n fill=\"currentColor\"\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8v3a5 5 0 00-5 5H4z\"\n />\n </svg>\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button';\n // When asChild is true, Slot enforces React.Children.only — must pass\n // exactly one child. We can't inject a Spinner there, so loading is a\n // no-op in asChild mode (the consumer's element renders as-is).\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n {...props}\n >\n {asChild ? (\n children\n ) : (\n <>\n {loading ? <Spinner /> : null}\n {children}\n </>\n )}\n </Comp>\n );\n }\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Spinner","jsxs","jsx","Button","React","className","variant","size","asChild","loading","disabled","children","props","ref","Slot","cn","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAU,MACd,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI,WAAU,cAAa;AAAA,MAC5F,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAUIC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,SAAAC,IAAU,IAAO,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAM3F,gBAAAX;AAAA,IALWM,IAAUM,IAAO;AAAA,IAK3B;AAAA,MACC,WAAWC,EAAGjB,EAAe,EAAE,SAAAQ,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MAC1D,KAAAQ;AAAA,MACA,UAAUH,KAAYD;AAAA,MACtB,aAAWA,KAAW;AAAA,MACrB,GAAGG;AAAA,MAEH,UAAAJ,IACCG,IAEA,gBAAAV,EAAAe,GAAA,EACG,UAAA;AAAA,QAAAP,IAAU,gBAAAP,EAACF,KAAQ,IAAK;AAAA,QACxBW;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAKV;AACAR,EAAO,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("iconsax-react"),u=require("react-day-picker"),e=require("../../lib/utils.cjs"),a=require("./button.cjs");function o({className:n,classNames:c,showOutsideDays:s=!0,...l}){return t.jsx(u.DayPicker,{showOutsideDays:s,className:e.cn("p-3",n),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",month_caption:"flex justify-center pt-1 relative items-center text-sm font-medium text-text-primary",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",button_previous:e.cn(a.buttonVariants({variant:"outline"}),"absolute left-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100"),button_next:e.cn(a.buttonVariants({variant:"outline"}),"absolute right-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100"),month_grid:"w-full border-collapse space-y-1",weekdays:"flex",weekday:"text-text-muted rounded-md w-9 font-normal text-[0.8rem]",week:"flex w-full mt-2",day:e.cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-bg-accent [&:has([aria-selected].day-outside)]:bg-bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md"),day_button:e.cn(a.buttonVariants({variant:"ghost"}),"h-9 w-9 p-0 font-normal aria-selected:opacity-100"),selected:"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover hover:text-action-primary-text focus:bg-action-primary-bg focus:text-action-primary-text",today:"bg-bg-accent text-text-primary",outside:"day-outside text-text-muted opacity-50 aria-selected:bg-bg-accent/50 aria-selected:text-text-muted aria-selected:opacity-30",disabled:"text-text-disabled opacity-50",range_middle:"aria-selected:bg-bg-accent aria-selected:text-text-primary",hidden:"invisible",...c},components:{Chevron:({orientation:d,...r})=>d==="left"?t.jsx(i.ArrowLeft2,{size:16,color:"currentColor",...r}):t.jsx(i.ArrowRight2,{size:16,color:"currentColor",...r})},...l})}o.displayName="Calendar";exports.Calendar=o;
|
|
2
|
+
//# sourceMappingURL=calendar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.cjs","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft2, ArrowRight2 } from 'iconsax-react';\nimport { DayPicker } from 'react-day-picker';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants } from './button';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n month_caption: 'flex justify-center pt-1 relative items-center text-sm font-medium text-text-primary',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n button_previous: cn(\n buttonVariants({ variant: 'outline' }),\n 'absolute left-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100'\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline' }),\n 'absolute right-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100'\n ),\n month_grid: 'w-full border-collapse space-y-1',\n weekdays: 'flex',\n weekday: 'text-text-muted rounded-md w-9 font-normal text-[0.8rem]',\n week: 'flex w-full mt-2',\n day: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-bg-accent [&:has([aria-selected].day-outside)]:bg-bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md'\n ),\n day_button: cn(\n buttonVariants({ variant: 'ghost' }),\n 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'\n ),\n selected:\n 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover hover:text-action-primary-text focus:bg-action-primary-bg focus:text-action-primary-text',\n today: 'bg-bg-accent text-text-primary',\n outside:\n 'day-outside text-text-muted opacity-50 aria-selected:bg-bg-accent/50 aria-selected:text-text-muted aria-selected:opacity-30',\n disabled: 'text-text-disabled opacity-50',\n range_middle: 'aria-selected:bg-bg-accent aria-selected:text-text-primary',\n hidden: 'invisible',\n ...classNames,\n }}\n components={{\n Chevron: ({ orientation, ...rest }) =>\n orientation === 'left' ? (\n <ArrowLeft2 size={16} color=\"currentColor\" {...rest} />\n ) : (\n <ArrowRight2 size={16} color=\"currentColor\" {...rest} />\n ),\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","orientation","rest","ArrowLeft2","ArrowRight2"],"mappings":"yOAQA,SAASA,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGC,GAAwB,CAC5F,OACEC,EAAAA,IAACC,EAAAA,UAAA,CACC,gBAAAH,EACA,UAAWI,EAAAA,GAAG,MAAON,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,cAAe,uFACf,cAAe,sBACf,IAAK,8BACL,gBAAiBM,EAAAA,GACfC,iBAAe,CAAE,QAAS,UAAW,EACrC,kFAAA,EAEF,YAAaD,EAAAA,GACXC,iBAAe,CAAE,QAAS,UAAW,EACrC,mFAAA,EAEF,WAAY,mCACZ,SAAU,OACV,QAAS,2DACT,KAAM,mBACN,IAAKD,EAAAA,GACH,yNAAA,EAEF,WAAYA,EAAAA,GACVC,iBAAe,CAAE,QAAS,QAAS,EACnC,mDAAA,EAEF,SACE,0KACF,MAAO,iCACP,QACE,8HACF,SAAU,gCACV,aAAc,6DACd,OAAQ,YACR,GAAGN,CAAA,EAEL,WAAY,CACV,QAAS,CAAC,CAAE,YAAAO,EAAa,GAAGC,KAC1BD,IAAgB,OACdJ,EAAAA,IAACM,aAAA,CAAW,KAAM,GAAI,MAAM,eAAgB,GAAGD,EAAM,EAErDL,EAAAA,IAACO,EAAAA,YAAA,CAAY,KAAM,GAAI,MAAM,eAAgB,GAAGF,CAAA,CAAM,CAAA,EAG3D,GAAGN,CAAA,CAAA,CAGV,CACAJ,EAAS,YAAc"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DayPicker } from 'react-day-picker';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
4
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare namespace Calendar {
|
|
6
|
+
var displayName: string;
|
|
7
|
+
}
|
|
8
|
+
export { Calendar };
|
|
9
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAmD3F;kBAnDQ,QAAQ;;;AAsDjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { ArrowLeft2 as l, ArrowRight2 as m } from "iconsax-react";
|
|
3
|
+
import { DayPicker as d } from "react-day-picker";
|
|
4
|
+
import { cn as t } from "../../lib/utils.js";
|
|
5
|
+
import { buttonVariants as a } from "./button.js";
|
|
6
|
+
function p({ className: o, classNames: i, showOutsideDays: n = !0, ...c }) {
|
|
7
|
+
return /* @__PURE__ */ e(
|
|
8
|
+
d,
|
|
9
|
+
{
|
|
10
|
+
showOutsideDays: n,
|
|
11
|
+
className: t("p-3", o),
|
|
12
|
+
classNames: {
|
|
13
|
+
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
14
|
+
month: "space-y-4",
|
|
15
|
+
month_caption: "flex justify-center pt-1 relative items-center text-sm font-medium text-text-primary",
|
|
16
|
+
caption_label: "text-sm font-medium",
|
|
17
|
+
nav: "space-x-1 flex items-center",
|
|
18
|
+
button_previous: t(
|
|
19
|
+
a({ variant: "outline" }),
|
|
20
|
+
"absolute left-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
21
|
+
),
|
|
22
|
+
button_next: t(
|
|
23
|
+
a({ variant: "outline" }),
|
|
24
|
+
"absolute right-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
25
|
+
),
|
|
26
|
+
month_grid: "w-full border-collapse space-y-1",
|
|
27
|
+
weekdays: "flex",
|
|
28
|
+
weekday: "text-text-muted rounded-md w-9 font-normal text-[0.8rem]",
|
|
29
|
+
week: "flex w-full mt-2",
|
|
30
|
+
day: t(
|
|
31
|
+
"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-bg-accent [&:has([aria-selected].day-outside)]:bg-bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md"
|
|
32
|
+
),
|
|
33
|
+
day_button: t(
|
|
34
|
+
a({ variant: "ghost" }),
|
|
35
|
+
"h-9 w-9 p-0 font-normal aria-selected:opacity-100"
|
|
36
|
+
),
|
|
37
|
+
selected: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover hover:text-action-primary-text focus:bg-action-primary-bg focus:text-action-primary-text",
|
|
38
|
+
today: "bg-bg-accent text-text-primary",
|
|
39
|
+
outside: "day-outside text-text-muted opacity-50 aria-selected:bg-bg-accent/50 aria-selected:text-text-muted aria-selected:opacity-30",
|
|
40
|
+
disabled: "text-text-disabled opacity-50",
|
|
41
|
+
range_middle: "aria-selected:bg-bg-accent aria-selected:text-text-primary",
|
|
42
|
+
hidden: "invisible",
|
|
43
|
+
...i
|
|
44
|
+
},
|
|
45
|
+
components: {
|
|
46
|
+
Chevron: ({ orientation: s, ...r }) => s === "left" ? /* @__PURE__ */ e(l, { size: 16, color: "currentColor", ...r }) : /* @__PURE__ */ e(m, { size: 16, color: "currentColor", ...r })
|
|
47
|
+
},
|
|
48
|
+
...c
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
p.displayName = "Calendar";
|
|
53
|
+
export {
|
|
54
|
+
p as Calendar
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft2, ArrowRight2 } from 'iconsax-react';\nimport { DayPicker } from 'react-day-picker';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants } from './button';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n month_caption: 'flex justify-center pt-1 relative items-center text-sm font-medium text-text-primary',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n button_previous: cn(\n buttonVariants({ variant: 'outline' }),\n 'absolute left-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100'\n ),\n button_next: cn(\n buttonVariants({ variant: 'outline' }),\n 'absolute right-1 top-1 h-7 w-7 bg-bg-transparent p-0 opacity-50 hover:opacity-100'\n ),\n month_grid: 'w-full border-collapse space-y-1',\n weekdays: 'flex',\n weekday: 'text-text-muted rounded-md w-9 font-normal text-[0.8rem]',\n week: 'flex w-full mt-2',\n day: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-bg-accent [&:has([aria-selected].day-outside)]:bg-bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md'\n ),\n day_button: cn(\n buttonVariants({ variant: 'ghost' }),\n 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'\n ),\n selected:\n 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover hover:text-action-primary-text focus:bg-action-primary-bg focus:text-action-primary-text',\n today: 'bg-bg-accent text-text-primary',\n outside:\n 'day-outside text-text-muted opacity-50 aria-selected:bg-bg-accent/50 aria-selected:text-text-muted aria-selected:opacity-30',\n disabled: 'text-text-disabled opacity-50',\n range_middle: 'aria-selected:bg-bg-accent aria-selected:text-text-primary',\n hidden: 'invisible',\n ...classNames,\n }}\n components={{\n Chevron: ({ orientation, ...rest }) =>\n orientation === 'left' ? (\n <ArrowLeft2 size={16} color=\"currentColor\" {...rest} />\n ) : (\n <ArrowRight2 size={16} color=\"currentColor\" {...rest} />\n ),\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","orientation","rest","ArrowLeft2","ArrowRight2"],"mappings":";;;;;AAQA,SAASA,EAAS,EAAE,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,IAAkB,IAAM,GAAGC,KAAwB;AAC5F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAH;AAAA,MACA,WAAWI,EAAG,OAAON,CAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBAAiBM;AAAA,UACfC,EAAe,EAAE,SAAS,WAAW;AAAA,UACrC;AAAA,QAAA;AAAA,QAEF,aAAaD;AAAA,UACXC,EAAe,EAAE,SAAS,WAAW;AAAA,UACrC;AAAA,QAAA;AAAA,QAEF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAKD;AAAA,UACH;AAAA,QAAA;AAAA,QAEF,YAAYA;AAAA,UACVC,EAAe,EAAE,SAAS,SAAS;AAAA,UACnC;AAAA,QAAA;AAAA,QAEF,UACE;AAAA,QACF,OAAO;AAAA,QACP,SACE;AAAA,QACF,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,GAAGN;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,aAAAO,GAAa,GAAGC,QAC1BD,MAAgB,SACd,gBAAAJ,EAACM,GAAA,EAAW,MAAM,IAAI,OAAM,gBAAgB,GAAGD,GAAM,IAErD,gBAAAL,EAACO,GAAA,EAAY,MAAM,IAAI,OAAM,gBAAgB,GAAGF,EAAA,CAAM;AAAA,MAAA;AAAA,MAG3D,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),d=require("../../lib/utils.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(m),n=o.forwardRef(({className:e,...r},t)=>a.jsx("div",{ref:t,className:d.cn("rounded-lg border border-border-default bg-bg-surface text-text-primary shadow-card",e),...r}));n.displayName="Card";const c=o.forwardRef(({className:e,...r},t)=>a.jsx("div",{ref:t,className:d.cn("flex flex-col space-y-1.5 p-6",e),...r}));c.displayName="CardHeader";const i=o.forwardRef(({className:e,...r},t)=>a.jsx("h3",{ref:t,className:d.cn("text-2xl font-semibold leading-none tracking-tight",e),...r}));i.displayName="CardTitle";const l=o.forwardRef(({className:e,...r},t)=>a.jsx("p",{ref:t,className:d.cn("text-sm text-text-secondary",e),...r}));l.displayName="CardDescription";const f=o.forwardRef(({className:e,...r},t)=>a.jsx("div",{ref:t,className:d.cn("p-6 pt-0",e),...r}));f.displayName="CardContent";const p=o.forwardRef(({className:e,...r},t)=>a.jsx("div",{ref:t,className:d.cn("flex items-center p-6 pt-0",e),...r}));p.displayName="CardFooter";exports.Card=n;exports.CardContent=f;exports.CardDescription=l;exports.CardFooter=p;exports.CardHeader=c;exports.CardTitle=i;
|
|
2
|
+
//# sourceMappingURL=card.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.cjs","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'rounded-lg border border-border-default bg-bg-surface text-text-primary shadow-card',\n className\n )}\n {...props}\n />\n )\n);\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n )\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n )\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-sm text-text-secondary', className)} {...props} />\n));\nCardDescription.displayName = 'CardDescription';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n )\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n )\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"mcAGMA,EAAOC,EAAM,WACjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,sFACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,EACAH,EAAK,YAAc,OAEnB,MAAMO,EAAaN,EAAM,WACvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EAAI,GAAGC,CAAA,CAAO,CAEzF,EACAI,EAAW,YAAc,aAEzB,MAAMC,EAAYP,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,qDAAsDJ,CAAS,EAC5E,GAAGC,CAAA,CAAA,CAGV,EACAK,EAAU,YAAc,YAExB,MAAMC,EAAkBR,EAAM,WAG5B,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,UACzB,IAAA,CAAE,IAAAA,EAAU,UAAWE,EAAAA,GAAG,8BAA+BJ,CAAS,EAAI,GAAGC,EAAO,CAClF,EACDM,EAAgB,YAAc,kBAE9B,MAAMC,EAAcT,EAAM,WACxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,GAAG,WAAYJ,CAAS,EAAI,GAAGC,CAAA,CAAO,CAEpE,EACAO,EAAY,YAAc,cAE1B,MAAMC,EAAaV,EAAM,WACvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,GAAG,6BAA8BJ,CAAS,EAAI,GAAGC,CAAA,CAAO,CAEtF,EACAQ,EAAW,YAAc"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
9
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,6GAWT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAC;AAGF,QAAA,MAAM,SAAS,qHAQd,CAAC;AAGF,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAIhB,CAAC;AAGF,QAAA,MAAM,UAAU,6GAIf,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { cn as o } from "../../lib/utils.js";
|
|
4
|
+
const s = d.forwardRef(
|
|
5
|
+
({ className: a, ...e }, r) => /* @__PURE__ */ t(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
ref: r,
|
|
9
|
+
className: o(
|
|
10
|
+
"rounded-lg border border-border-default bg-bg-surface text-text-primary shadow-card",
|
|
11
|
+
a
|
|
12
|
+
),
|
|
13
|
+
...e
|
|
14
|
+
}
|
|
15
|
+
)
|
|
16
|
+
);
|
|
17
|
+
s.displayName = "Card";
|
|
18
|
+
const i = d.forwardRef(
|
|
19
|
+
({ className: a, ...e }, r) => /* @__PURE__ */ t("div", { ref: r, className: o("flex flex-col space-y-1.5 p-6", a), ...e })
|
|
20
|
+
);
|
|
21
|
+
i.displayName = "CardHeader";
|
|
22
|
+
const c = d.forwardRef(
|
|
23
|
+
({ className: a, ...e }, r) => /* @__PURE__ */ t(
|
|
24
|
+
"h3",
|
|
25
|
+
{
|
|
26
|
+
ref: r,
|
|
27
|
+
className: o("text-2xl font-semibold leading-none tracking-tight", a),
|
|
28
|
+
...e
|
|
29
|
+
}
|
|
30
|
+
)
|
|
31
|
+
);
|
|
32
|
+
c.displayName = "CardTitle";
|
|
33
|
+
const l = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ t("p", { ref: r, className: o("text-sm text-text-secondary", a), ...e }));
|
|
34
|
+
l.displayName = "CardDescription";
|
|
35
|
+
const m = d.forwardRef(
|
|
36
|
+
({ className: a, ...e }, r) => /* @__PURE__ */ t("div", { ref: r, className: o("p-6 pt-0", a), ...e })
|
|
37
|
+
);
|
|
38
|
+
m.displayName = "CardContent";
|
|
39
|
+
const f = d.forwardRef(
|
|
40
|
+
({ className: a, ...e }, r) => /* @__PURE__ */ t("div", { ref: r, className: o("flex items-center p-6 pt-0", a), ...e })
|
|
41
|
+
);
|
|
42
|
+
f.displayName = "CardFooter";
|
|
43
|
+
export {
|
|
44
|
+
s as Card,
|
|
45
|
+
m as CardContent,
|
|
46
|
+
l as CardDescription,
|
|
47
|
+
f as CardFooter,
|
|
48
|
+
i as CardHeader,
|
|
49
|
+
c as CardTitle
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'rounded-lg border border-border-default bg-bg-surface text-text-primary shadow-card',\n className\n )}\n {...props}\n />\n )\n);\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n )\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n )\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-sm text-text-secondary', className)} {...props} />\n));\nCardDescription.displayName = 'CardDescription';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n )\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n )\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAGA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzF;AACAI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,sDAAsDJ,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,KAAA,EAAE,KAAAA,GAAU,WAAWE,EAAG,+BAA+BJ,CAAS,GAAI,GAAGC,GAAO,CAClF;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEpE;AACAO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,8BAA8BJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEtF;AACAQ,EAAW,cAAc;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),D=require("react"),O=require("embla-carousel-react"),h=require("iconsax-react"),C=require("../../lib/utils.cjs"),b=require("./button.cjs");function E(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const t=E(D),v=t.createContext(null);function x(){const e=t.useContext(v);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}const w=t.forwardRef(({orientation:e="horizontal",opts:l,setApi:o,plugins:s,className:c,children:u,...i},f)=>{const[S,r]=O({...l,axis:e==="horizontal"?"x":"y"},s),[R,g]=t.useState(!1),[k,z]=t.useState(!1),d=t.useCallback(a=>{a&&(g(a.canScrollPrev()),z(a.canScrollNext()))},[]),m=t.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),N=t.useCallback(()=>r==null?void 0:r.scrollNext(),[r]),q=t.useCallback(a=>{a.key==="ArrowLeft"?(a.preventDefault(),m()):a.key==="ArrowRight"&&(a.preventDefault(),N())},[m,N]);return t.useEffect(()=>{!r||!o||o(r)},[r,o]),t.useEffect(()=>{if(r)return d(r),r.on("reInit",d),r.on("select",d),()=>{r.off("select",d)}},[r,d]),n.jsx(v.Provider,{value:{carouselRef:S,api:r,opts:l,orientation:e,scrollPrev:m,scrollNext:N,canScrollPrev:R,canScrollNext:k},children:n.jsx("div",{ref:f,onKeyDownCapture:q,className:C.cn("relative",c),role:"region","aria-roledescription":"carousel",...i,children:u})})});w.displayName="Carousel";const y=t.forwardRef(({className:e,...l},o)=>{const{carouselRef:s,orientation:c}=x();return n.jsx("div",{ref:s,className:"overflow-hidden",children:n.jsx("div",{ref:o,className:C.cn("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",e),...l})})});y.displayName="CarouselContent";const j=t.forwardRef(({className:e,...l},o)=>{const{orientation:s}=x();return n.jsx("div",{ref:o,role:"group","aria-roledescription":"slide",className:C.cn("min-w-0 shrink-0 grow-0 basis-full",s==="horizontal"?"pl-4":"pt-4",e),...l})});j.displayName="CarouselItem";const p=t.forwardRef(({className:e,variant:l="outline",size:o="icon",...s},c)=>{const{orientation:u,scrollPrev:i,canScrollPrev:f}=x();return n.jsxs(b.Button,{ref:c,variant:l,size:o,className:C.cn("absolute h-8 w-8 rounded-full",u==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!f,onClick:i,...s,children:[n.jsx(h.ArrowLeft2,{size:16,color:"currentColor"}),n.jsx("span",{className:"sr-only",children:"Previous slide"})]})});p.displayName="CarouselPrevious";const P=t.forwardRef(({className:e,variant:l="outline",size:o="icon",...s},c)=>{const{orientation:u,scrollNext:i,canScrollNext:f}=x();return n.jsxs(b.Button,{ref:c,variant:l,size:o,className:C.cn("absolute h-8 w-8 rounded-full",u==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!f,onClick:i,...s,children:[n.jsx(h.ArrowRight2,{size:16,color:"currentColor"}),n.jsx("span",{className:"sr-only",children:"Next slide"})]})});P.displayName="CarouselNext";exports.Carousel=w;exports.CarouselContent=y;exports.CarouselItem=j;exports.CarouselNext=P;exports.CarouselPrevious=p;
|
|
2
|
+
//# sourceMappingURL=carousel.cjs.map
|