@codefast/ui 0.0.43 → 0.0.45
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/dist/chunk-24MQV5BV.js +2 -0
- package/dist/chunk-24MQV5BV.js.map +1 -0
- package/dist/chunk-6FL3EBDQ.mjs +2 -0
- package/dist/chunk-6FL3EBDQ.mjs.map +1 -0
- package/dist/{chunk-XM4Y2S5E.js → chunk-LG7ACTRE.js} +2 -2
- package/dist/{chunk-XM4Y2S5E.js.map → chunk-LG7ACTRE.js.map} +1 -1
- package/dist/chunk-VY7GIEVM.mjs +2 -0
- package/dist/chunk-VY7GIEVM.mjs.map +1 -0
- package/dist/hooks/use-media-query.d.mts +3 -0
- package/dist/hooks/use-media-query.d.ts +3 -0
- package/dist/hooks/use-media-query.js +2 -0
- package/dist/hooks/use-media-query.js.map +1 -0
- package/dist/hooks/use-media-query.mjs +2 -0
- package/dist/hooks/use-media-query.mjs.map +1 -0
- package/dist/hooks/use-mutation-observer.d.mts +5 -0
- package/dist/hooks/use-mutation-observer.d.ts +5 -0
- package/dist/hooks/use-mutation-observer.js +2 -0
- package/dist/hooks/use-mutation-observer.js.map +1 -0
- package/dist/hooks/use-mutation-observer.mjs +2 -0
- package/dist/hooks/use-mutation-observer.mjs.map +1 -0
- package/dist/lib/colors.d.mts +1759 -0
- package/dist/lib/colors.d.ts +1759 -0
- package/dist/lib/colors.js +2 -0
- package/dist/lib/colors.js.map +1 -0
- package/dist/lib/colors.mjs +2 -0
- package/dist/lib/colors.mjs.map +1 -0
- package/dist/react/alert-dialog.js +1 -1
- package/dist/react/alert-dialog.mjs +1 -1
- package/dist/react/button.js +1 -1
- package/dist/react/button.mjs +1 -1
- package/dist/react/calendar.js +1 -1
- package/dist/react/calendar.mjs +1 -1
- package/dist/react/carousel.js +1 -1
- package/dist/react/carousel.mjs +1 -1
- package/dist/react/checkbox-cards.js +1 -1
- package/dist/react/checkbox-cards.js.map +1 -1
- package/dist/react/checkbox-cards.mjs +1 -1
- package/dist/react/checkbox-cards.mjs.map +1 -1
- package/dist/react/checkbox-group.js +1 -1
- package/dist/react/checkbox-group.js.map +1 -1
- package/dist/react/checkbox-group.mjs +1 -1
- package/dist/react/checkbox-group.mjs.map +1 -1
- package/dist/react/checkbox.js +1 -1
- package/dist/react/checkbox.js.map +1 -1
- package/dist/react/checkbox.mjs +1 -1
- package/dist/react/checkbox.mjs.map +1 -1
- package/dist/react/data-table.js +1 -1
- package/dist/react/data-table.mjs +1 -1
- package/dist/react/form.js +1 -1
- package/dist/react/form.mjs +1 -1
- package/dist/react/label.js +1 -1
- package/dist/react/label.mjs +1 -1
- package/dist/react/pagination.js +1 -1
- package/dist/react/pagination.mjs +1 -1
- package/dist/react/radio-cards.js +1 -1
- package/dist/react/radio-cards.js.map +1 -1
- package/dist/react/radio-cards.mjs +1 -1
- package/dist/react/radio-cards.mjs.map +1 -1
- package/dist/react/radio-group.js +1 -1
- package/dist/react/radio-group.js.map +1 -1
- package/dist/react/radio-group.mjs +1 -1
- package/dist/react/radio-group.mjs.map +1 -1
- package/dist/react/radio.js +1 -1
- package/dist/react/radio.js.map +1 -1
- package/dist/react/radio.mjs +1 -1
- package/dist/react/radio.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -1
- package/dist/tailwind.config.mjs.map +1 -1
- package/package.json +252 -237
- package/src/hooks/use-media-query.ts +21 -0
- package/src/hooks/use-mutation-observer.ts +25 -0
- package/src/lib/colors.ts +1757 -0
- package/src/react/button.tsx +1 -1
- package/src/react/checkbox-cards.tsx +1 -1
- package/src/react/checkbox-group.tsx +1 -1
- package/src/react/checkbox.tsx +1 -1
- package/src/react/label.tsx +1 -1
- package/src/react/radio-cards.tsx +1 -1
- package/src/react/radio-group.tsx +1 -1
- package/src/react/radio.tsx +1 -1
- package/tailwind.config.ts +0 -1
- package/dist/chunk-DVGWNIWK.js +0 -2
- package/dist/chunk-DVGWNIWK.js.map +0 -1
- package/dist/chunk-LBNBU565.mjs +0 -2
- package/dist/chunk-LBNBU565.mjs.map +0 -1
- package/dist/chunk-M5UKNISJ.mjs +0 -2
- package/dist/chunk-M5UKNISJ.mjs.map +0 -1
- package/dist/plugin/animate.plugin.d.mts +0 -9
- package/dist/plugin/animate.plugin.d.ts +0 -9
- package/dist/plugin/base.plugin.d.mts +0 -8
- package/dist/plugin/base.plugin.d.ts +0 -8
- package/dist/plugin/perspective.plugin.d.mts +0 -8
- package/dist/plugin/perspective.plugin.d.ts +0 -8
- package/dist/tailwind.config.d.mts +0 -5
- package/dist/tailwind.config.d.ts +0 -5
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkZTEJNUH6js = require('./chunk-ZTEJNUH6.js');var _chunkHQ4AUOQMjs = require('./chunk-HQ4AUOQM.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');var _jsxruntime = require('react/jsx-runtime');var y=_chunkHQ4AUOQMjs.a.call(void 0, {base:"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"text-foreground hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),x= exports.b =i.forwardRef(({children:e,className:u,variant:d,size:p,loading:o=!1,asChild:n=!1,...r},l)=>{let c=n?_reactslot.Slot:"button",m=n?"span":_react.Fragment,f=o||r.disabled;return _jsxruntime.jsx.call(void 0, c,{ref:l,type:n?void 0:"button",className:y({variant:d,size:p,loading:o,className:u}),...r,disabled:f,children:o?_jsxruntime.jsxs.call(void 0, m,{children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,className:"invisible contents",children:e}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{children:e}),_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, _chunkZTEJNUH6js.a,{})})]}):e})});x.displayName="Button";exports.a = y; exports.b = x;
|
|
2
|
+
//# sourceMappingURL=chunk-24MQV5BV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/react/button.tsx"],"names":["React","Fragment","Slot","VisuallyHidden","jsx","jsxs","buttonVariants","cva","Button","children","className","variant","size","loading","asChild","props","ref","Component","ComponentLoading","disabled","Spinner"],"mappings":"2EAAA,UAAYA,MAAW,QACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,QAAAC,MAAY,uBAErB,OAAS,kBAAAC,MAAsB,kCAmFrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3EV,IAAMC,EAAiBC,EAAI,CACzB,KAAM,sPACN,SAAU,CACR,QAAS,CACP,QAAS,gEACT,YACE,+EACF,MAAO,+DACP,KAAM,kDACN,QACE,2GACF,UACE,wEACJ,EACA,KAAM,CACJ,QAAS,YACT,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,KAAM,UACN,UAAW,SACX,UAAW,SACX,UAAW,SACb,EACA,QAAS,CACP,KAAM,UACR,CACF,EACA,gBAAiB,CACf,KAAM,UACN,QAAS,UACT,QAAS,EACX,CACF,CAAC,EAgBKC,EAAe,aACnB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAYH,EAAUZ,EAAO,SAC7BgB,EAAmBJ,EAAU,OAASb,EACtCkB,EAAWN,GAAWE,EAAM,SAElC,OACEX,EAACa,EAAA,CACC,IAAKD,EACL,KAAMF,EAAU,OAAY,SAC5B,UAAWR,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,QAAAC,EAAS,UAAAH,CAAU,CAAC,EAC9D,GAAGK,EACJ,SAAUI,EAET,SAAAN,EACCR,EAACa,EAAA,CACC,UAAAd,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAK,EACH,EACAL,EAACD,EAAA,CAAgB,SAAAM,EAAS,EAC1BL,EAAC,QAAK,UAAU,oDACd,SAAAA,EAACgB,EAAA,EAAQ,EACX,GACF,EAEAX,EAEJ,CAEJ,CACF,EAEAD,EAAO,YAAc","sourcesContent":["import * as React from 'react';\nimport { Fragment } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps } from 'cva';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport { cva } from '../lib/utils';\nimport { Spinner } from './spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: 'inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',\n ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline:\n 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',\n },\n size: {\n default: 'h-10 px-4',\n xs: 'h-8 px-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'size-10',\n 'icon-xs': 'size-8',\n 'icon-sm': 'size-9',\n 'icon-lg': 'size-11',\n },\n loading: {\n true: 'relative',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n loading: false,\n },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n ButtonVariantsProps {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n variant,\n size,\n loading = false,\n asChild = false,\n ...props\n },\n ref,\n ) => {\n const Component = asChild ? Slot : 'button';\n const ComponentLoading = asChild ? 'span' : Fragment;\n const disabled = loading || props.disabled;\n\n return (\n <Component\n ref={ref}\n type={asChild ? undefined : 'button'}\n className={buttonVariants({ variant, size, loading, className })}\n {...props}\n disabled={disabled}\n >\n {loading ? (\n <ComponentLoading>\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <Spinner />\n </span>\n </ComponentLoading>\n ) : (\n children\n )}\n </Component>\n );\n },\n);\n\nButton.displayName = 'Button';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as t}from"./chunk-LEUB3C3L.mjs";import*as o from"react";import*as e from"@radix-ui/react-label";import{jsx as p}from"react/jsx-runtime";var m=o.forwardRef(({className:a,...i},l)=>p(e.Root,{ref:l,className:t("text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70",a),...i}));m.displayName=e.Root.displayName;export{m as a};
|
|
2
|
+
//# sourceMappingURL=chunk-6FL3EBDQ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/react/label.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\ntype LabelElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst Label = React.forwardRef<LabelElement, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n 'text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70',\n className,\n )}\n {...props}\n />\n ),\n);\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label, type LabelProps };\n"],"mappings":"yCACA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,wBAY5B,cAAAC,MAAA,oBAFJ,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAgB,OAAf,CACC,IAAKI,EACL,UAAWC,EACT,8FACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAF,EAAM,YAA6B,OAAK","names":["React","LabelPrimitive","jsx","Label","className","props","ref","cn"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkHQ4AUOQMjs = require('./chunk-HQ4AUOQM.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reactlabel = require('@radix-ui/react-label'); var e = _interopRequireWildcard(_reactlabel);var _jsxruntime = require('react/jsx-runtime');var
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkHQ4AUOQMjs = require('./chunk-HQ4AUOQM.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reactlabel = require('@radix-ui/react-label'); var e = _interopRequireWildcard(_reactlabel);var _jsxruntime = require('react/jsx-runtime');var m=o.forwardRef(({className:a,...i},l)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:l,className:_chunkHQ4AUOQMjs.b.call(void 0, "text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70",a),...i}));m.displayName=e.Root.displayName;exports.a = m;
|
|
2
|
+
//# sourceMappingURL=chunk-LG7ACTRE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/react/label.tsx"],"names":["React","LabelPrimitive","jsx","Label","className","props","ref","cn"],"mappings":"wCACA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,wBAY5B,cAAAC,MAAA,oBAFJ,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAgB,OAAf,CACC,IAAKI,EACL,UAAWC,EACT,
|
|
1
|
+
{"version":3,"sources":["../src/react/label.tsx"],"names":["React","LabelPrimitive","jsx","Label","className","props","ref","cn"],"mappings":"wCACA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,wBAY5B,cAAAC,MAAA,oBAFJ,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAgB,OAAf,CACC,IAAKI,EACL,UAAWC,EACT,8FACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAF,EAAM,YAA6B,OAAK","sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\ntype LabelElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst Label = React.forwardRef<LabelElement, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n 'text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70',\n className,\n )}\n {...props}\n />\n ),\n);\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label, type LabelProps };\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"./chunk-P5AV3QU7.mjs";import{a as s}from"./chunk-LEUB3C3L.mjs";import*as i from"react";import{Fragment as b}from"react";import{Slot as g}from"@radix-ui/react-slot";import{VisuallyHidden as v}from"@radix-ui/react-visually-hidden";import{jsx as t,jsxs as h}from"react/jsx-runtime";var y=s({base:"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"text-foreground hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),x=i.forwardRef(({children:e,className:u,variant:d,size:p,loading:o=!1,asChild:n=!1,...r},l)=>{let c=n?g:"button",m=n?"span":b,f=o||r.disabled;return t(c,{ref:l,type:n?void 0:"button",className:y({variant:d,size:p,loading:o,className:u}),...r,disabled:f,children:o?h(m,{children:[t("span",{"aria-hidden":!0,className:"invisible contents",children:e}),t(v,{children:e}),t("span",{className:"absolute inset-0 flex items-center justify-center",children:t(a,{})})]}):e})});x.displayName="Button";export{y as a,x as b};
|
|
2
|
+
//# sourceMappingURL=chunk-VY7GIEVM.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/react/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Fragment } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps } from 'cva';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport { cva } from '../lib/utils';\nimport { Spinner } from './spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: 'inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',\n ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline:\n 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',\n },\n size: {\n default: 'h-10 px-4',\n xs: 'h-8 px-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'size-10',\n 'icon-xs': 'size-8',\n 'icon-sm': 'size-9',\n 'icon-lg': 'size-11',\n },\n loading: {\n true: 'relative',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n loading: false,\n },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n ButtonVariantsProps {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n variant,\n size,\n loading = false,\n asChild = false,\n ...props\n },\n ref,\n ) => {\n const Component = asChild ? Slot : 'button';\n const ComponentLoading = asChild ? 'span' : Fragment;\n const disabled = loading || props.disabled;\n\n return (\n <Component\n ref={ref}\n type={asChild ? undefined : 'button'}\n className={buttonVariants({ variant, size, loading, className })}\n {...props}\n disabled={disabled}\n >\n {loading ? (\n <ComponentLoading>\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <Spinner />\n </span>\n </ComponentLoading>\n ) : (\n children\n )}\n </Component>\n );\n },\n);\n\nButton.displayName = 'Button';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"],"mappings":"6EAAA,UAAYA,MAAW,QACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,QAAAC,MAAY,uBAErB,OAAS,kBAAAC,MAAsB,kCAmFrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3EV,IAAMC,EAAiBC,EAAI,CACzB,KAAM,sPACN,SAAU,CACR,QAAS,CACP,QAAS,gEACT,YACE,+EACF,MAAO,+DACP,KAAM,kDACN,QACE,2GACF,UACE,wEACJ,EACA,KAAM,CACJ,QAAS,YACT,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,KAAM,UACN,UAAW,SACX,UAAW,SACX,UAAW,SACb,EACA,QAAS,CACP,KAAM,UACR,CACF,EACA,gBAAiB,CACf,KAAM,UACN,QAAS,UACT,QAAS,EACX,CACF,CAAC,EAgBKC,EAAe,aACnB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAYH,EAAUI,EAAO,SAC7BC,EAAmBL,EAAU,OAASM,EACtCC,EAAWR,GAAWE,EAAM,SAElC,OACEX,EAACa,EAAA,CACC,IAAKD,EACL,KAAMF,EAAU,OAAY,SAC5B,UAAWR,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,QAAAC,EAAS,UAAAH,CAAU,CAAC,EAC9D,GAAGK,EACJ,SAAUM,EAET,SAAAR,EACCR,EAACc,EAAA,CACC,UAAAf,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAK,EACH,EACAL,EAACkB,EAAA,CAAgB,SAAAb,EAAS,EAC1BL,EAAC,QAAK,UAAU,oDACd,SAAAA,EAACmB,EAAA,EAAQ,EACX,GACF,EAEAd,EAEJ,CAEJ,CACF,EAEAD,EAAO,YAAc","names":["React","Fragment","Slot","VisuallyHidden","jsx","jsxs","buttonVariants","cva","Button","children","className","variant","size","loading","asChild","props","ref","Component","Slot","ComponentLoading","Fragment","disabled","VisuallyHidden","Spinner"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var e = _interopRequireWildcard(_react);function o(a){let[c,n]=e.useState(!1);return e.useEffect(()=>{function s(r){n(r.matches)}let t=matchMedia(a);return t.addEventListener("change",s),n(t.matches),()=>{t.removeEventListener("change",s)}},[a]),c}exports.useMediaQuery = o;
|
|
2
|
+
//# sourceMappingURL=use-media-query.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/use-media-query.ts"],"names":["React","useMediaQuery","query","value","setValue","onChange","event","result"],"mappings":"AAAA,UAAYA,MAAW,QAEhB,SAASC,EAAcC,EAAwB,CACpD,GAAM,CAACC,EAAOC,CAAQ,EAAU,WAAS,EAAK,EAE9C,OAAM,YAAU,IAAM,CACpB,SAASC,EAASC,EAAkC,CAClDF,EAASE,EAAM,OAAO,CACxB,CAEA,IAAMC,EAAS,WAAWL,CAAK,EAC/B,OAAAK,EAAO,iBAAiB,SAAUF,CAAQ,EAC1CD,EAASG,EAAO,OAAO,EAEhB,IAAM,CACXA,EAAO,oBAAoB,SAAUF,CAAQ,CAC/C,CACF,EAAG,CAACH,CAAK,CAAC,EAEHC,CACT","sourcesContent":["import * as React from 'react';\n\nexport function useMediaQuery(query: string): boolean {\n const [value, setValue] = React.useState(false);\n\n React.useEffect(() => {\n function onChange(event: MediaQueryListEvent): void {\n setValue(event.matches);\n }\n\n const result = matchMedia(query);\n result.addEventListener('change', onChange);\n setValue(result.matches);\n\n return () => {\n result.removeEventListener('change', onChange);\n };\n }, [query]);\n\n return value;\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react";function o(a){let[c,n]=e.useState(!1);return e.useEffect(()=>{function s(r){n(r.matches)}let t=matchMedia(a);return t.addEventListener("change",s),n(t.matches),()=>{t.removeEventListener("change",s)}},[a]),c}export{o as useMediaQuery};
|
|
2
|
+
//# sourceMappingURL=use-media-query.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useMediaQuery(query: string): boolean {\n const [value, setValue] = React.useState(false);\n\n React.useEffect(() => {\n function onChange(event: MediaQueryListEvent): void {\n setValue(event.matches);\n }\n\n const result = matchMedia(query);\n result.addEventListener('change', onChange);\n setValue(result.matches);\n\n return () => {\n result.removeEventListener('change', onChange);\n };\n }, [query]);\n\n return value;\n}\n"],"mappings":"AAAA,UAAYA,MAAW,QAEhB,SAASC,EAAcC,EAAwB,CACpD,GAAM,CAACC,EAAOC,CAAQ,EAAU,WAAS,EAAK,EAE9C,OAAM,YAAU,IAAM,CACpB,SAASC,EAASC,EAAkC,CAClDF,EAASE,EAAM,OAAO,CACxB,CAEA,IAAMC,EAAS,WAAWL,CAAK,EAC/B,OAAAK,EAAO,iBAAiB,SAAUF,CAAQ,EAC1CD,EAASG,EAAO,OAAO,EAEhB,IAAM,CACXA,EAAO,oBAAoB,SAAUF,CAAQ,CAC/C,CACF,EAAG,CAACH,CAAK,CAAC,EAEHC,CACT","names":["React","useMediaQuery","query","value","setValue","onChange","event","result"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var n = _interopRequireWildcard(_react);var a=(t,e,r={attributes:!0,characterData:!0,childList:!0,subtree:!0})=>{n.useEffect(()=>{if(!t.current)return;let u=new MutationObserver(e);return u.observe(t.current,r),()=>{u.disconnect()}},[t,e,r])};exports.useMutationObserver = a;
|
|
2
|
+
//# sourceMappingURL=use-mutation-observer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/use-mutation-observer.ts"],"names":["React","useMutationObserver","ref","callback","options","observer"],"mappings":"AAAA,UAAYA,MAAW,QAEhB,IAAMC,EAAsB,CACjCC,EACAC,EACAC,EAAgC,CAC9B,WAAY,GACZ,cAAe,GACf,UAAW,GACX,QAAS,EACX,IACS,CACH,YAAU,IAAM,CACpB,GAAI,CAACF,EAAI,QACP,OAGF,IAAMG,EAAW,IAAI,iBAAiBF,CAAQ,EAC9C,OAAAE,EAAS,QAAQH,EAAI,QAASE,CAAO,EAE9B,IAAM,CACXC,EAAS,WAAW,CACtB,CACF,EAAG,CAACH,EAAKC,EAAUC,CAAO,CAAC,CAC7B","sourcesContent":["import * as React from 'react';\n\nexport const useMutationObserver = (\n ref: React.MutableRefObject<HTMLElement | null>,\n callback: MutationCallback,\n options: MutationObserverInit = {\n attributes: true,\n characterData: true,\n childList: true,\n subtree: true,\n },\n): void => {\n React.useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const observer = new MutationObserver(callback);\n observer.observe(ref.current, options);\n\n return () => {\n observer.disconnect();\n };\n }, [ref, callback, options]);\n};\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as n from"react";var a=(t,e,r={attributes:!0,characterData:!0,childList:!0,subtree:!0})=>{n.useEffect(()=>{if(!t.current)return;let u=new MutationObserver(e);return u.observe(t.current,r),()=>{u.disconnect()}},[t,e,r])};export{a as useMutationObserver};
|
|
2
|
+
//# sourceMappingURL=use-mutation-observer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/hooks/use-mutation-observer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useMutationObserver = (\n ref: React.MutableRefObject<HTMLElement | null>,\n callback: MutationCallback,\n options: MutationObserverInit = {\n attributes: true,\n characterData: true,\n childList: true,\n subtree: true,\n },\n): void => {\n React.useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const observer = new MutationObserver(callback);\n observer.observe(ref.current, options);\n\n return () => {\n observer.disconnect();\n };\n }, [ref, callback, options]);\n};\n"],"mappings":"AAAA,UAAYA,MAAW,QAEhB,IAAMC,EAAsB,CACjCC,EACAC,EACAC,EAAgC,CAC9B,WAAY,GACZ,cAAe,GACf,UAAW,GACX,QAAS,EACX,IACS,CACH,YAAU,IAAM,CACpB,GAAI,CAACF,EAAI,QACP,OAGF,IAAMG,EAAW,IAAI,iBAAiBF,CAAQ,EAC9C,OAAAE,EAAS,QAAQH,EAAI,QAASE,CAAO,EAE9B,IAAM,CACXC,EAAS,WAAW,CACtB,CACF,EAAG,CAACH,EAAKC,EAAUC,CAAO,CAAC,CAC7B","names":["React","useMutationObserver","ref","callback","options","observer"]}
|