@nayhoo/ui 0.13.0 → 0.14.1
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 +32 -28
- package/dist/{avatar.css-Lh26jRUS.d.mts → avatar.css-C22jQqLD.d.mts} +18 -18
- package/dist/{avatar.css-Lh26jRUS.d.ts → avatar.css-C22jQqLD.d.ts} +18 -18
- package/dist/{badge.css-ToNvOJof.d.mts → badge.css-saeodjWf.d.mts} +14 -14
- package/dist/{badge.css-ToNvOJof.d.ts → badge.css-saeodjWf.d.ts} +14 -14
- package/dist/{button.css-CxDH431y.d.mts → button.css-BQdFVzyM.d.mts} +43 -40
- package/dist/{button.css-CxDH431y.d.ts → button.css-BQdFVzyM.d.ts} +43 -40
- package/dist/{checkbox.css-C3L6B1cb.d.mts → checkbox.css-DbB07gs9.d.mts} +6 -6
- package/dist/{checkbox.css-C3L6B1cb.d.ts → checkbox.css-DbB07gs9.d.ts} +6 -6
- package/dist/chunk-4A7WL3BM.mjs +12 -0
- package/dist/chunk-4A7WL3BM.mjs.map +1 -0
- package/dist/{chunk-MIRMF5N3.mjs → chunk-67WEB6LY.mjs} +2 -2
- package/dist/chunk-67WEB6LY.mjs.map +1 -0
- package/dist/{chunk-ELXCOK2T.mjs → chunk-FQX4V5DP.mjs} +2 -2
- package/dist/chunk-FQX4V5DP.mjs.map +1 -0
- package/dist/chunk-HGLO5LDS.mjs +1 -0
- package/dist/{chunk-2WZQZIYN.mjs → chunk-KYAQZHQ5.mjs} +2 -2
- package/dist/chunk-KYAQZHQ5.mjs.map +1 -0
- package/dist/{chunk-XWF2DDXB.mjs → chunk-M7HASIMW.mjs} +2 -2
- package/dist/chunk-M7HASIMW.mjs.map +1 -0
- package/dist/{chunk-L2MODHAE.mjs → chunk-OZ2DHFQP.mjs} +3 -3
- package/dist/chunk-OZ2DHFQP.mjs.map +1 -0
- package/dist/{chunk-REMVSAGR.mjs → chunk-P2VEMZGS.mjs} +6 -2
- package/dist/chunk-P2VEMZGS.mjs.map +1 -0
- package/dist/{chunk-BALC5CGU.mjs → chunk-UPZYS6TE.mjs} +10 -2
- package/dist/chunk-UPZYS6TE.mjs.map +1 -0
- package/dist/{chunk-24DFRL5Q.mjs → chunk-ZSB4NTM3.mjs} +4 -4
- package/dist/chunk-ZSB4NTM3.mjs.map +1 -0
- package/dist/components/avatar.d.mts +2 -2
- package/dist/components/avatar.d.ts +2 -2
- package/dist/components/avatar.js +1 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +4 -7
- package/dist/components/avatar.mjs.map +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/badge.mjs +1 -2
- package/dist/components/badge.mjs.map +1 -1
- package/dist/components/button.css +54 -48
- package/dist/components/button.css.map +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +4 -5
- package/dist/components/checkbox.d.mts +1 -1
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/checkbox.mjs +1 -2
- package/dist/components/checkbox.mjs.map +1 -1
- package/dist/components/container.js +1 -1
- package/dist/components/container.js.map +1 -1
- package/dist/components/container.mjs +1 -2
- package/dist/components/container.mjs.map +1 -1
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +2 -3
- package/dist/components/dropdown-menu.mjs.map +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/flex.js +1 -1
- package/dist/components/flex.js.map +1 -1
- package/dist/components/flex.mjs +2 -3
- package/dist/components/form.d.mts +1 -1
- package/dist/components/form.d.ts +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.mjs +1 -2
- package/dist/components/form.mjs.map +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/grid.js +1 -1
- package/dist/components/grid.js.map +1 -1
- package/dist/components/grid.mjs +1 -2
- package/dist/components/grid.mjs.map +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon-button.mjs +3 -4
- package/dist/components/label.d.mts +1 -1
- package/dist/components/label.d.ts +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/link.js.map +1 -1
- package/dist/components/link.mjs +1 -2
- package/dist/components/link.mjs.map +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +2 -3
- package/dist/components/menu.mjs.map +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/popover.mjs +2 -2
- package/dist/components/select.css +54 -48
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.d.mts +1 -1
- package/dist/components/select.d.ts +1 -1
- package/dist/components/select.js +2 -2
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +4 -5
- package/dist/components/select.mjs.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/skeleton.js +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/skeleton.mjs +1 -2
- package/dist/components/skeleton.mjs.map +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/spinner.mjs +2 -3
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/status.js +1 -1
- package/dist/components/status.js.map +1 -1
- package/dist/components/status.mjs +2 -3
- package/dist/components/switch.d.mts +1 -1
- package/dist/components/switch.d.ts +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/switch.mjs +1 -2
- package/dist/components/switch.mjs.map +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text-field.js +1 -1
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text-field.mjs +1 -2
- package/dist/components/text-field.mjs.map +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/text.js +1 -1
- package/dist/components/text.js.map +1 -1
- package/dist/components/text.mjs +2 -3
- package/dist/components/tooltip.js +1 -1
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +2 -3
- package/dist/components/tooltip.mjs.map +1 -1
- package/dist/{flex.css-7asy3CjM.d.mts → flex.css-wpH47_rr.d.mts} +9 -9
- package/dist/{flex.css-7asy3CjM.d.ts → flex.css-wpH47_rr.d.ts} +9 -9
- package/dist/{form.css-QulER1wj.d.ts → form.css-s3B8O22Z.d.mts} +1 -1
- package/dist/{form.css-QulER1wj.d.mts → form.css-s3B8O22Z.d.ts} +1 -1
- package/dist/{grid.css-nAw5xuD0.d.mts → grid.css-Z-qoRIGI.d.mts} +27 -27
- package/dist/{grid.css-nAw5xuD0.d.ts → grid.css-Z-qoRIGI.d.ts} +27 -27
- package/dist/{icon-button.css-yt0wizml.d.mts → icon-button.css-4pTw87C1.d.mts} +18 -18
- package/dist/{icon-button.css-yt0wizml.d.ts → icon-button.css-4pTw87C1.d.ts} +18 -18
- package/dist/{link.css-J250gDi8.d.mts → link.css-Dt6mcRb1.d.mts} +8 -8
- package/dist/{link.css-J250gDi8.d.ts → link.css-Dt6mcRb1.d.ts} +8 -8
- package/dist/providers/index.css +54 -48
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.d.mts +1 -4
- package/dist/providers/index.d.ts +1 -4
- package/dist/providers/index.js +5 -11
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +9 -16
- package/dist/providers/index.mjs.map +1 -1
- package/dist/{skeleton.css-JJ3Of78e.d.mts → skeleton.css-D17yFXPB.d.mts} +24 -24
- package/dist/{skeleton.css-JJ3Of78e.d.ts → skeleton.css-D17yFXPB.d.ts} +24 -24
- package/dist/{spinner.css-DDZLGtPI.d.mts → spinner.css-ChFZg-w0.d.mts} +18 -18
- package/dist/{spinner.css-DDZLGtPI.d.ts → spinner.css-ChFZg-w0.d.ts} +18 -18
- package/dist/{status.css-D2Xhx8gm.d.mts → status.css-BB1Lk0Lb.d.mts} +5 -5
- package/dist/{status.css-D2Xhx8gm.d.ts → status.css-BB1Lk0Lb.d.ts} +5 -5
- package/dist/{switch.css-Ku46q4IP.d.mts → switch.css-CQUuPRD7.d.mts} +6 -6
- package/dist/{switch.css-Ku46q4IP.d.ts → switch.css-CQUuPRD7.d.ts} +6 -6
- package/dist/system-theme-BSCk6DG2.d.mts +5 -0
- package/dist/system-theme-BSCk6DG2.d.ts +5 -0
- package/dist/{text-field.css-Da2cQDwY.d.mts → text-field.css-Ct3ZoW7k.d.mts} +23 -23
- package/dist/{text-field.css-Da2cQDwY.d.ts → text-field.css-Ct3ZoW7k.d.ts} +23 -23
- package/dist/{text.css-onESqiq6.d.mts → text.css-DU9FwT1v.d.mts} +16 -16
- package/dist/{text.css-onESqiq6.d.ts → text.css-DU9FwT1v.d.ts} +16 -16
- package/dist/theme/index.css +189 -173
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +3223 -3221
- package/dist/theme/index.d.ts +3223 -3221
- package/dist/theme/index.js +6 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +4 -2
- package/dist/theme/index.mjs.map +1 -1
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +19 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/index.mjs +1 -0
- package/dist/types/index.mjs.map +1 -0
- package/dist/utils/index.d.mts +9 -1
- package/dist/utils/index.d.ts +9 -1
- package/dist/utils/index.js +14 -5
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +4 -2
- package/package.json +44 -7
- package/dist/chunk-24DFRL5Q.mjs.map +0 -1
- package/dist/chunk-2WZQZIYN.mjs.map +0 -1
- package/dist/chunk-66WXCRN4.mjs +0 -12
- package/dist/chunk-66WXCRN4.mjs.map +0 -1
- package/dist/chunk-BALC5CGU.mjs.map +0 -1
- package/dist/chunk-DQ4T4WV3.mjs +0 -16
- package/dist/chunk-DQ4T4WV3.mjs.map +0 -1
- package/dist/chunk-ELXCOK2T.mjs.map +0 -1
- package/dist/chunk-GED6IT3S.mjs +0 -1
- package/dist/chunk-L2MODHAE.mjs.map +0 -1
- package/dist/chunk-MIRMF5N3.mjs.map +0 -1
- package/dist/chunk-REMVSAGR.mjs.map +0 -1
- package/dist/chunk-XWF2DDXB.mjs.map +0 -1
- /package/dist/{chunk-GED6IT3S.mjs.map → chunk-HGLO5LDS.mjs.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...checkboxRecipe.variants(),\n );\n\n const checkbox = checkboxRecipe(variants);\n\n return (\n <CheckboxPrimitive.Root\n {...rest}\n className={mergeClasses(checkbox, rest.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","import 'src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9';\nexport var checkboxIndicator = 'checkbox_checkboxIndicator__z3c6170';","export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n const ret = { ...obj };\n keys.forEach((key) => {\n delete ret[key];\n });\n\n return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n obj: T,\n ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n const variants = pick(obj, ...keys);\n const rest = omit(obj, ...keys);\n\n return [variants, rest];\n}\n","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDvP,IAAI,oBAAoB;;;ACDxB,SAAS,KAA2B,QAAW,MAAuB;AAC3E,QAAM,MAAM,EAAE,GAAG,IAAI;AACrB,OAAK,QAAQ,CAAC,QAAQ;AACpB,WAAO,IAAI,GAAG;AAAA,EAChB,CAAC;AAED,SAAO;AACT;;;ACJO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ANEA,wBAAmC;AACnC,yBAA0B;AAkBlB;AAdD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AAEA,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,KAAK,SAAS;AAAA,MAEhD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { extractVariantsFromProps } from \"@/utils/
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...checkboxRecipe.variants(),\n );\n\n const checkbox = checkboxRecipe(variants);\n\n return (\n <CheckboxPrimitive.Root\n {...rest}\n className={mergeClasses(checkbox, rest.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAIA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAkBlB;AAdD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AAEA,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,KAAK,SAAS;AAAA,MAEhD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/container.tsx","../../src/theme/recipes/container.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/
|
|
1
|
+
{"version":3,"sources":["../../src/components/container.tsx","../../src/theme/recipes/container.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n ContainerVariants,\n containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type ContainerProps = ComponentProps<\n typeof defaultElement,\n ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...containerRecipe.variants(),\n );\n const container = containerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(container, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerRecipe = _7a468({defaultClassName:'container_containerRecipe__1mebzt0',variantClassNames:{size:{'1':'container_containerRecipe_size_1__1mebzt1','2':'container_containerRecipe_size_2__1mebzt2','3':'container_containerRecipe_size_3__1mebzt3','4':'container_containerRecipe_size_4__1mebzt4'}},defaultVariants:{size:'4'},compoundVariants:[]});","export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n const ret = { ...obj };\n keys.forEach((key) => {\n delete ret[key];\n });\n\n return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n obj: T,\n ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n const variants = pick(obj, ...keys);\n const rest = omit(obj, ...keys);\n\n return [variants, rest];\n}\n","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF9V,SAAS,KAA2B,QAAW,MAAuB;AAC3E,QAAM,MAAM,EAAE,GAAG,IAAI;AACrB,OAAK,QAAQ,CAAC,QAAQ;AACpB,WAAO,IAAI,GAAG;AAAA,EAChB,CAAC;AAED,SAAO;AACT;;;ACJO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ALKA,wBAAqB;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":["_7a468"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/container.tsx"],"sourcesContent":["import {\n ContainerVariants,\n containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/
|
|
1
|
+
{"version":3,"sources":["../../src/components/container.tsx"],"sourcesContent":["import {\n ContainerVariants,\n containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type ContainerProps = ComponentProps<\n typeof defaultElement,\n ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n const [variants, rest] = extractVariantsFromProps(\n props,\n ...containerRecipe.variants(),\n );\n const container = containerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...rest} className={mergeClasses(container, rest.className)}>\n {rest.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;AAOA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":[]}
|