@korsolutions/ui 0.0.29 → 0.0.31

package/babel.config.js

@@ -0,0 +1,18 @@
+module.exports = function (api) {
+  api.cache(true);
+
+  return {
+    presets: ["module:react-native-builder-bob/babel-preset"],
+    plugins: [
+      [
+        require.resolve("babel-plugin-module-resolver"),
+        {
+          root: ["./src"],
+          alias: {
+            "@": "./src",
+          },
+        },
+      ],
+    ],
+  };
+};

package/bob.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  source: "src",
+  output: "dist",
+  targets: [
+    [
+      "module",
+      {
+        esm: true,
+        configFile: true,
+      },
+    ],
+    "typescript",
+  ],
+};

package/dist/module/components/avatar/avatar.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { AvatarPrimitive } from "../../primitives/index.js";
+import React, { useState } from "react";
+import { AvatarVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Avatar(props) {
+  const useVariantStyles = AvatarVariants[props.variant || "default"];
+  const styles = useVariantStyles();
+  const [imageError, setImageError] = useState(false);
+  return /*#__PURE__*/_jsxs(AvatarPrimitive.Root, {
+    styles: styles,
+    children: [props.source && /*#__PURE__*/_jsx(AvatarPrimitive.Image, {
+      source: props.source,
+      onError: () => setImageError(true)
+    }), (!props.source || imageError) && /*#__PURE__*/_jsx(AvatarPrimitive.Fallback, {
+      children: props.fallback
+    })]
+  });
+}
+//# sourceMappingURL=avatar.js.map

package/dist/module/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarPrimitive","React","useState","AvatarVariants","jsx","_jsx","jsxs","_jsxs","Avatar","props","useVariantStyles","variant","styles","imageError","setImageError","Root","children","source","Image","onError","Fallback","fallback"],"sourceRoot":"../../../../src","sources":["components/avatar/avatar.tsx"],"mappings":";;AAAA,SAASA,eAAe;AACxB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,cAAc;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS5C,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAMC,gBAAgB,GAAGP,cAAc,CAACM,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC;EACnE,MAAMC,MAAM,GAAGF,gBAAgB,CAAC,CAAC;EACjC,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACnD,oBACEK,KAAA,CAACP,eAAe,CAACe,IAAI;IAACH,MAAM,EAAEA,MAAO;IAAAI,QAAA,GAClCP,KAAK,CAACQ,MAAM,iBAAIZ,IAAA,CAACL,eAAe,CAACkB,KAAK;MAACD,MAAM,EAAER,KAAK,CAACQ,MAAO;MAACE,OAAO,EAAEA,CAAA,KAAML,aAAa,CAAC,IAAI;IAAE,CAAE,CAAC,EACnG,CAAC,CAACL,KAAK,CAACQ,MAAM,IAAIJ,UAAU,kBAAKR,IAAA,CAACL,eAAe,CAACoB,QAAQ;MAAAJ,QAAA,EAAEP,KAAK,CAACY;IAAQ,CAA2B,CAAC;EAAA,CACnF,CAAC;AAE3B","ignoreList":[]}

package/dist/module/components/avatar/variants/default.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export function useAvatarVariantDefault() {
+  return useThemedStyles(({
+    colors,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      backgroundColor: colors.surface,
+      borderRadius: "50%",
+      overflow: "hidden",
+      width: 64,
+      height: 64,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    image: {
+      width: "100%",
+      height: "100%",
+      resizeMode: "cover"
+    },
+    fallback: {
+      fontFamily,
+      fontSize,
+      color: colors.foreground,
+      textAlign: "center",
+      verticalAlign: "middle"
+    }
+  }));
+}
+//# sourceMappingURL=default.js.map

package/dist/module/components/avatar/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useAvatarVariantDefault","colors","fontFamily","fontSize","root","backgroundColor","surface","borderRadius","overflow","width","height","alignItems","justifyContent","image","resizeMode","fallback","color","foreground","textAlign","verticalAlign"],"sourceRoot":"../../../../../src","sources":["components/avatar/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IACnDC,IAAI,EAAE;MACJC,eAAe,EAAEJ,MAAM,CAACK,OAAO;MAC/BC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLJ,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdI,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRb,UAAU;MACVC,QAAQ;MACRa,KAAK,EAAEf,MAAM,CAACgB,UAAU;MACxBC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE;IACjB;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/avatar/variants/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import { useAvatarVariantDefault } from "./default.js";
+export const AvatarVariants = {
+  default: useAvatarVariantDefault
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/avatar/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAvatarVariantDefault","AvatarVariants","default"],"sourceRoot":"../../../../../src","sources":["components/avatar/variants/index.ts"],"mappings":";;AAAA,SAASA,uBAAuB;AAEhC,OAAO,MAAMC,cAAc,GAAG;EAC5BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}

package/dist/module/components/badge/badge.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { BadgePrimitive } from "../../primitives/index.js";
+import React from "react";
+import { BadgeVariants } from "./variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Badge(props) {
+  const useVariantStyles = BadgeVariants[props.variant || "default"];
+  const styles = useVariantStyles();
+
+  // Override background color if custom color is provided
+  const customStyle = props.color ? {
+    backgroundColor: props.color
+  } : undefined;
+  return /*#__PURE__*/_jsx(BadgePrimitive.Root, {
+    styles: styles,
+    style: customStyle,
+    children: /*#__PURE__*/_jsx(BadgePrimitive.Label, {
+      children: props.children
+    })
+  });
+}
+//# sourceMappingURL=badge.js.map

package/dist/module/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BadgePrimitive","React","BadgeVariants","jsx","_jsx","Badge","props","useVariantStyles","variant","styles","customStyle","color","backgroundColor","undefined","Root","style","children","Label"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":";;AAAA,SAASA,cAAc;AACvB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAQ3C,OAAO,SAASC,KAAKA,CAACC,KAAiB,EAAE;EACvC,MAAMC,gBAAgB,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC;EAClE,MAAMC,MAAM,GAAGF,gBAAgB,CAAC,CAAC;;EAEjC;EACA,MAAMG,WAAW,GAAGJ,KAAK,CAACK,KAAK,GAAG;IAAEC,eAAe,EAAEN,KAAK,CAACK;EAAM,CAAC,GAAGE,SAAS;EAE9E,oBACET,IAAA,CAACJ,cAAc,CAACc,IAAI;IAACL,MAAM,EAAEA,MAAO;IAACM,KAAK,EAAEL,WAAY;IAAAM,QAAA,eACtDZ,IAAA,CAACJ,cAAc,CAACiB,KAAK;MAAAD,QAAA,EAAEV,KAAK,CAACU;IAAQ,CAAuB;EAAC,CAC1C,CAAC;AAE1B","ignoreList":[]}

package/dist/module/components/badge/variants/default.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useBadgeVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        backgroundColor: colors.primary,
+        paddingVertical: 4,
+        paddingHorizontal: 8,
+        borderRadius: radius,
+        alignSelf: "flex-start"
+      }
+    },
+    label: {
+      default: {
+        color: colors.primaryForeground,
+        fontSize: fontSize * 0.75,
+        fontWeight: "600",
+        fontFamily
+      }
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

package/dist/module/components/badge/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useBadgeVariantDefault","colors","radius","fontFamily","fontSize","root","default","backgroundColor","primary","paddingVertical","paddingHorizontal","borderRadius","alignSelf","label","color","primaryForeground","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,eAAe,EAAEN,MAAM,CAACO,OAAO;QAC/BC,eAAe,EAAE,CAAC;QAClBC,iBAAiB,EAAE,CAAC;QACpBC,YAAY,EAAET,MAAM;QACpBU,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLP,OAAO,EAAE;QACPQ,KAAK,EAAEb,MAAM,CAACc,iBAAiB;QAC/BX,QAAQ,EAAEA,QAAQ,GAAG,IAAI;QACzBY,UAAU,EAAE,KAAK;QACjBb;MACF;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/badge/variants/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { useBadgeVariantDefault } from "./default.js";
+import { useBadgeVariantSecondary } from "./secondary.js";
+export const BadgeVariants = {
+  default: useBadgeVariantDefault,
+  secondary: useBadgeVariantSecondary
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/badge/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBadgeVariantDefault","useBadgeVariantSecondary","BadgeVariants","default","secondary"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/index.ts"],"mappings":";;AAAA,SAASA,sBAAsB;AAC/B,SAASC,wBAAwB;AAEjC,OAAO,MAAMC,aAAa,GAAG;EAC3BC,OAAO,EAAEH,sBAAsB;EAC/BI,SAAS,EAAEH;AACb,CAAC","ignoreList":[]}

package/dist/module/components/badge/variants/secondary.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useBadgeVariantSecondary = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        backgroundColor: colors.secondary,
+        paddingVertical: 4,
+        paddingHorizontal: 8,
+        borderRadius: radius,
+        alignSelf: "flex-start"
+      }
+    },
+    label: {
+      default: {
+        color: colors.secondaryForeground,
+        fontSize: fontSize * 0.75,
+        fontWeight: "600",
+        fontFamily
+      }
+    }
+  }));
+};
+//# sourceMappingURL=secondary.js.map

package/dist/module/components/badge/variants/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useBadgeVariantSecondary","colors","radius","fontFamily","fontSize","root","default","backgroundColor","secondary","paddingVertical","paddingHorizontal","borderRadius","alignSelf","label","color","secondaryForeground","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/secondary.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAmB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,eAAe,EAAEN,MAAM,CAACO,SAAS;QACjCC,eAAe,EAAE,CAAC;QAClBC,iBAAiB,EAAE,CAAC;QACpBC,YAAY,EAAET,MAAM;QACpBU,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLP,OAAO,EAAE;QACPQ,KAAK,EAAEb,MAAM,CAACc,mBAAmB;QACjCX,QAAQ,EAAEA,QAAQ,GAAG,IAAI;QACzBY,UAAU,EAAE,KAAK;QACjBb;MACF;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/button/button.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { ButtonPrimitive } from "../../primitives/index.js";
+import React from "react";
+import { ButtonVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Button(props) {
+  const {
+    children,
+    variant = "default",
+    ...rootProps
+  } = props;
+  const useVariantStyles = ButtonVariants[variant];
+  const variantStyles = useVariantStyles();
+  return /*#__PURE__*/_jsxs(ButtonPrimitive.Root, {
+    ...rootProps,
+    styles: variantStyles,
+    children: [props.isLoading && /*#__PURE__*/_jsx(ButtonPrimitive.Spinner, {}), /*#__PURE__*/_jsx(ButtonPrimitive.Label, {
+      children: props.children
+    })]
+  });
+}
+//# sourceMappingURL=button.js.map

package/dist/module/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonPrimitive","React","ButtonVariants","jsx","_jsx","jsxs","_jsxs","Button","props","children","variant","rootProps","useVariantStyles","variantStyles","Root","styles","isLoading","Spinner","Label"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,SAASA,eAAe;AACxB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,QAAQ;IAAEC,OAAO,GAAG,SAAS;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC7D,MAAMI,gBAAgB,GAAGV,cAAc,CAACQ,OAAO,CAAC;EAChD,MAAMG,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEN,KAAA,CAACN,eAAe,CAACc,IAAI;IAAA,GAAKH,SAAS;IAAEI,MAAM,EAAEF,aAAc;IAAAJ,QAAA,GACxDD,KAAK,CAACQ,SAAS,iBAAIZ,IAAA,CAACJ,eAAe,CAACiB,OAAO,IAAE,CAAC,eAC/Cb,IAAA,CAACJ,eAAe,CAACkB,KAAK;MAAAT,QAAA,EAAED,KAAK,CAACC;IAAQ,CAAwB,CAAC;EAAA,CAC3C,CAAC;AAE3B","ignoreList":[]}

package/dist/module/components/button/variants/default.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useButtonVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        flexDirection: "row",
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderRadius: radius,
+        gap: 8,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: colors.primary,
+        borderWidth: 1,
+        borderColor: colors.border
+      },
+      disabled: {
+        opacity: 0.5
+      },
+      loading: {
+        opacity: 0.8
+      },
+      hovered: {
+        backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
+      }
+    },
+    label: {
+      default: {
+        color: colors.primaryForeground,
+        fontSize,
+        fontWeight: "bold",
+        fontFamily
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    },
+    spinner: {
+      default: {
+        color: colors.primaryForeground
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

package/dist/module/components/button/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","loading","hovered","label","color","primaryForeground","fontWeight","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB;AACjC,SAASC,eAAe;AAExB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPR,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDQ,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,iBAAiB;QAC/BrB,QAAQ;QACRsB,UAAU,EAAE,MAAM;QAClBvB;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAAC0B;MAChB,CAAC;MACDN,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPtB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAAC0B;MAChB,CAAC;MACDN,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/button/variants/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { useButtonVariantDefault } from "./default.js";
+import { useButtonVariantSecondary } from "./secondary.js";
+export const ButtonVariants = {
+  default: useButtonVariantDefault,
+  secondary: useButtonVariantSecondary
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/button/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useButtonVariantDefault","useButtonVariantSecondary","ButtonVariants","default","secondary"],"sourceRoot":"../../../../../src","sources":["components/button/variants/index.ts"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,SAASC,yBAAyB;AAElC,OAAO,MAAMC,cAAc,GAAG;EAC5BC,OAAO,EAAEH,uBAAuB;EAChCI,SAAS,EAAEH;AACb,CAAC","ignoreList":[]}

package/dist/module/components/button/variants/secondary.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useButtonVariantSecondary = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        flexDirection: "row",
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        borderRadius: radius,
+        gap: 8,
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: colors.border,
+        backgroundColor: colors.secondary
+      },
+      disabled: {
+        opacity: 0.5
+      },
+      loading: {
+        opacity: 0.8
+      },
+      hovered: {
+        backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
+      }
+    },
+    label: {
+      default: {
+        color: colors.foreground,
+        fontSize,
+        fontWeight: "bold",
+        fontFamily
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    },
+    spinner: {
+      default: {
+        color: colors.primaryForeground
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    }
+  }));
+};
+//# sourceMappingURL=secondary.js.map

package/dist/module/components/button/variants/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","label","color","foreground","fontWeight","mutedForeground","spinner","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB;AACjC,SAASC,eAAe;AAExB,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPL,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDK,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,UAAU;QACxBrB,QAAQ;QACRsB,UAAU,EAAE,MAAM;QAClBvB;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAAC0B;MAChB,CAAC;MACDN,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPtB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAAC4B;MAChB,CAAC;MACDV,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAAC0B;MAChB,CAAC;MACDN,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/calendar/calendar.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { CalendarPrimitive } from "../../primitives/index.js";
+import React from "react";
+import { CalendarVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Calendar(props) {
+  const {
+    variant = "default",
+    weekDays,
+    ...rootProps
+  } = props;
+  const useVariantStyles = CalendarVariants[variant];
+  const variantStyles = useVariantStyles();
+  return /*#__PURE__*/_jsxs(CalendarPrimitive.Root, {
+    ...rootProps,
+    styles: variantStyles,
+    children: [/*#__PURE__*/_jsxs(CalendarPrimitive.Header, {
+      children: [/*#__PURE__*/_jsx(CalendarPrimitive.NavButton, {
+        direction: "prev"
+      }), /*#__PURE__*/_jsx(CalendarPrimitive.Title, {}), /*#__PURE__*/_jsx(CalendarPrimitive.NavButton, {
+        direction: "next"
+      })]
+    }), /*#__PURE__*/_jsx(CalendarPrimitive.CalendarWeekLabels, {
+      weekDays: weekDays
+    }), /*#__PURE__*/_jsx(CalendarPrimitive.Weeks, {})]
+  });
+}
+//# sourceMappingURL=calendar.js.map

package/dist/module/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CalendarPrimitive","React","CalendarVariants","jsx","_jsx","jsxs","_jsxs","Calendar","props","variant","weekDays","rootProps","useVariantStyles","variantStyles","Root","styles","children","Header","NavButton","direction","Title","CalendarWeekLabels","Weeks"],"sourceRoot":"../../../../src","sources":["components/calendar/calendar.tsx"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa9C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,OAAO,GAAG,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC7D,MAAMI,gBAAgB,GAAGV,gBAAgB,CAACO,OAAO,CAAC;EAClD,MAAMI,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEN,KAAA,CAACN,iBAAiB,CAACc,IAAI;IAAA,GAAKH,SAAS;IAAEI,MAAM,EAAEF,aAAc;IAAAG,QAAA,gBAC3DV,KAAA,CAACN,iBAAiB,CAACiB,MAAM;MAAAD,QAAA,gBACvBZ,IAAA,CAACJ,iBAAiB,CAACkB,SAAS;QAACC,SAAS,EAAC;MAAM,CAAE,CAAC,eAChDf,IAAA,CAACJ,iBAAiB,CAACoB,KAAK,IAAE,CAAC,eAC3BhB,IAAA,CAACJ,iBAAiB,CAACkB,SAAS;QAACC,SAAS,EAAC;MAAM,CAAE,CAAC;IAAA,CACxB,CAAC,eAC3Bf,IAAA,CAACJ,iBAAiB,CAACqB,kBAAkB;MAACX,QAAQ,EAAEA;IAAS,CAAE,CAAC,eAC5DN,IAAA,CAACJ,iBAAiB,CAACsB,KAAK,IAAE,CAAC;EAAA,CACL,CAAC;AAE7B","ignoreList":[]}

package/dist/module/components/calendar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./calendar.js";
+//# sourceMappingURL=index.js.map

package/dist/module/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/calendar/index.ts"],"mappings":";;AAAA","ignoreList":[]}

package/dist/module/components/calendar/variants/default.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useCalendarVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      padding: 16,
+      backgroundColor: colors.background,
+      borderRadius: radius,
+      borderWidth: 1,
+      borderColor: colors.border,
+      width: 324
+    },
+    header: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: 16,
+      paddingHorizontal: 8
+    },
+    headerTitle: {
+      fontSize: fontSize * 1.125,
+      fontWeight: "600",
+      fontFamily,
+      color: colors.foreground
+    },
+    navButton: {
+      default: {
+        width: 32,
+        height: 32,
+        borderRadius: radius * 0.5,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "transparent"
+      },
+      disabled: {
+        opacity: 0.3
+      }
+    },
+    navButtonText: {
+      default: {
+        fontSize: fontSize * 1.5,
+        color: colors.foreground,
+        fontWeight: "500"
+      },
+      disabled: {
+        color: colors.mutedForeground
+      }
+    },
+    weekLabels: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      marginBottom: 8,
+      paddingVertical: 8,
+      gap: 2
+    },
+    weekLabel: {
+      fontSize: fontSize * 0.875,
+      fontWeight: "500",
+      fontFamily,
+      color: colors.mutedForeground,
+      width: 40,
+      textAlign: "center"
+    },
+    weeks: {
+      flexDirection: "column",
+      gap: 2
+    },
+    week: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      gap: 2
+    },
+    dayButton: {
+      default: {
+        width: 40,
+        height: 40,
+        borderRadius: radius * 0.5,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "transparent"
+      },
+      selected: {
+        backgroundColor: colors.primary
+      },
+      today: {
+        borderWidth: 1,
+        borderColor: colors.primary
+      },
+      disabled: {
+        opacity: 0.3
+      },
+      deprioritized: {
+        backgroundColor: "transparent"
+      },
+      hovered: {
+        backgroundColor: colors.muted
+      }
+    },
+    dayText: {
+      default: {
+        fontSize,
+        fontFamily,
+        color: colors.foreground,
+        fontWeight: "400",
+        pointerEvents: "none"
+      },
+      selected: {
+        color: colors.primaryForeground,
+        fontWeight: "600"
+      },
+      today: {
+        color: colors.primary,
+        fontWeight: "600"
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      deprioritized: {
+        color: colors.mutedForeground,
+        opacity: 0.5
+      }
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

package/dist/module/components/calendar/variants/default.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useCalendarVariantDefault","colors","radius","fontFamily","fontSize","root","padding","backgroundColor","background","borderRadius","borderWidth","borderColor","border","width","header","flexDirection","justifyContent","alignItems","marginBottom","paddingHorizontal","headerTitle","fontWeight","color","foreground","navButton","default","height","disabled","opacity","navButtonText","mutedForeground","weekLabels","paddingVertical","gap","weekLabel","textAlign","weeks","week","dayButton","selected","primary","today","deprioritized","hovered","muted","dayText","pointerEvents","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/calendar/variants/default.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/calendar/variants/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import { useCalendarVariantDefault } from "./default.js";
+export const CalendarVariants = {
+  default: useCalendarVariantDefault
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/calendar/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCalendarVariantDefault","CalendarVariants","default"],"sourceRoot":"../../../../../src","sources":["components/calendar/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB;AAElC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}

package/dist/module/components/card/card.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { CardPrimitive } from "../../primitives/index.js";
+import React from "react";
+import { CardVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Card(props) {
+  const useVariantStyles = CardVariants[props.variant || "default"];
+  const styles = useVariantStyles();
+  return /*#__PURE__*/_jsxs(CardPrimitive.Root, {
+    styles: styles,
+    children: [!!props.title && /*#__PURE__*/_jsx(CardPrimitive.Header, {
+      children: /*#__PURE__*/_jsx(CardPrimitive.Title, {
+        children: props.title
+      })
+    }), /*#__PURE__*/_jsx(CardPrimitive.Body, {
+      children: props.children
+    })]
+  });
+}
+//# sourceMappingURL=card.js.map

package/dist/module/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardPrimitive","React","CardVariants","jsx","_jsx","jsxs","_jsxs","Card","props","useVariantStyles","variant","styles","Root","children","title","Header","Title","Body"],"sourceRoot":"../../../../src","sources":["components/card/card.tsx"],"mappings":";;AAAA,SAASA,aAAa;AACtB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS1C,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAMC,gBAAgB,GAAGP,YAAY,CAACM,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC;EACjE,MAAMC,MAAM,GAAGF,gBAAgB,CAAC,CAAC;EAEjC,oBACEH,KAAA,CAACN,aAAa,CAACY,IAAI;IAACD,MAAM,EAAEA,MAAO;IAAAE,QAAA,GAChC,CAAC,CAACL,KAAK,CAACM,KAAK,iBACZV,IAAA,CAACJ,aAAa,CAACe,MAAM;MAAAF,QAAA,eACnBT,IAAA,CAACJ,aAAa,CAACgB,KAAK;QAAAH,QAAA,EAAEL,KAAK,CAACM;MAAK,CAAsB;IAAC,CACpC,CACvB,eACDV,IAAA,CAACJ,aAAa,CAACiB,IAAI;MAAAJ,QAAA,EAAEL,KAAK,CAACK;IAAQ,CAAqB,CAAC;EAAA,CACvC,CAAC;AAEzB","ignoreList":[]}