@xola/ui-kit 3.4.6 → 3.6.0

package/index.css

@@ -1,7 +1,99 @@
-/* Full Tailwind setup for Storybook development */
-/* Base styles imported from src/base.css (single source of truth) */
-@import "./src/base.css";
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap");
 
-/* Components and utilities for Storybook - consuming apps provide their own */
+@tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+    :root {
+        /* https://rsms.me/inter/#usage */
+        font-feature-settings:
+            "liga" 1,
+            "calt" 1; /* fix for Chrome */
+    }
+
+    html {
+        /* Never change this default! */
+        @apply text-black text-base;
+    }
+
+    /* For testing advanced typographic features */
+    .font-ligatures {
+        font-feature-settings:
+            "liga" 1,
+            "calt" 1,
+            "dlig" 1,
+            "ss03" 1,
+            "ss02" 1 !important;
+    }
+
+    a {
+        @apply text-primary hover:underline;
+    }
+
+    button:focus {
+        @apply outline-none;
+    }
+
+    h1 {
+        @apply text-2xl; /* 24px */
+        @apply font-bold;
+        @apply leading-p1 tracking-tightest;
+    }
+
+    h2 {
+        @apply text-xl; /* 21px */
+        @apply font-bold;
+        @apply leading-p1 tracking-tightest;
+    }
+
+    h3 {
+        @apply text-lg; /* 18px */
+        @apply font-bold;
+        @apply tracking-tightest;
+    }
+
+    h4 {
+        @apply text-md; /* 16 px */
+        @apply leading-p2 tracking-tightest;
+    }
+
+    h5 {
+        @apply text-base; /* 14 px */
+        @apply leading-p2 tracking-tightest;
+    }
+
+    h6 {
+        @apply text-sm; /* 14 px */
+        @apply leading-p3 tracking-tightest;
+    }
+
+    .p1 {
+        @apply text-md; /* 16px */
+        @apply leading-p1 tracking-tightest;
+    }
+
+    .p2 {
+        @apply text-base; /* 14px */
+        @apply leading-p2 tracking-tightest;
+    }
+
+    .p3 {
+        @apply text-sm; /* 12px */
+        @apply leading-p3 tracking-tightest;
+    }
+
+    .ui-badge .icon {
+        position: relative;
+        top: -1px;
+    }
+
+    sup {
+        top: -7px;
+    }
+
+    .font-bold {
+        @apply antialiased;
+    }
+}

package/index.d.ts

@@ -0,0 +1,151 @@
+// This is just to make the auto-import work.
+// Next step is to add types for the props.
+export {
+    Alert,
+    almostZero,
+    AppStoreBadge,
+    Avatar,
+    Badge,
+    BalloonIcon,
+    BankCheckIcon,
+    BarGraphIcon,
+    BaseInput,
+    BellIcon,
+    BookIcon,
+    BookmarkIcon,
+    BottomSheet,
+    BoxIcon,
+    BugIcon,
+    Breadcrumb,
+    Breakdown,
+    Button,
+    ButtonGroup,
+    CakeIcon,
+    CalendarDayIcon,
+    CalendarIcon,
+    CalendarListIcon,
+    CalendarMonthIcon,
+    CalendarWeekIcon,
+    CapacityIcon,
+    CardAltIcon,
+    CardIcon,
+    CartIcon,
+    CashIcon,
+    Checkbox,
+    CircleNotch,
+    CirclePauseIcon,
+    CirclePlusIcon,
+    CircleSubtractIcon,
+    ClipboardIcon,
+    ClockAltIcon,
+    ClockIcon,
+    ClockManualIcon,
+    CloseCircleIcon,
+    CloseIcon,
+    CollapseIcon,
+    CollectionIcon,
+    ComboBox,
+    compactNumber,
+    Counter,
+    Currency,
+    CustomizeColumnsIcon,
+    DashboardIcon,
+    dateFromObjectId,
+    DatePicker,
+    DatePickerPopover,
+    Dot,
+    DotProgress,
+    Drawer,
+    FadeIn,
+    flash,
+    formatDate,
+    formatTime,
+    FormGroup,
+    getChildByType,
+    getChildrenByType,
+    getInitials,
+    getSymbol,
+    HeaderToolbar,
+    ImageUpload,
+    InlineValuePopover,
+    Input,
+    isOSX,
+    isZeroDecimal,
+    ItemsIcon,
+    Key,
+    Label,
+    Login,
+    Logo,
+    Modal,
+    MoneyAddIcon,
+    MoneyBackIcon,
+    MoneyIcon,
+    MountainIcon,
+    MonthPicker,
+    MouseIcon,
+    Number,
+    numberFormat,
+    Phone,
+    PlayMarketBadge,
+    Popover,
+    PopoverList,
+    Provider,
+    RangeSlider,
+    RelativeDateRange,
+    roundNumber,
+    RulerIcon,
+    ScanQrCodeIcon,
+    Search,
+    Select,
+    Sidebar,
+    Skeleton,
+    SlideDown,
+    Spinner,
+    SplitArrowIcon,
+    SplitPaymentIcon,
+    SquareIcon,
+    StackIcon,
+    StarFilledIcon,
+    StarIcon,
+    StoreCreditIcon,
+    SubmitButton,
+    Switch,
+    Table,
+    Tabs,
+    Tag,
+    TaxIcon,
+    TableIcon,
+    Textarea,
+    theme,
+    Tooltip,
+    ToggleButton,
+    TransferArrowIcon,
+    TranslationIcon,
+    TrashIcon,
+    TutorialsBadgeIcon,
+    TutorialsButtonIcon,
+    TutorialsSquareIcon,
+    UnlinkIcon,
+    useIsClient,
+    useIsMobile,
+    useViewportHeight,
+    UserAddIcon,
+    UserChangedIcon,
+    UserIcon,
+    UserSubtractIcon,
+    ValuePopoverText,
+    VariantIcon,
+    VerifiedTickIcon,
+    VeteranIcon,
+    ViewNotesIcon,
+    VoucherIcon,
+    WaitlistIcon,
+    WarningDiamondIcon,
+    WarningIcon,
+    WarningTriangleIcon,
+    WeightIcon,
+    WifiIcon,
+    WriteIcon,
+    XolaBotIcon,
+    XrayIcon,
+} from "./build/ui-kit.es";

package/package.json

@@ -1,8 +1,7 @@
 {
     "name": "@xola/ui-kit",
-    "version": "3.4.6",
+    "version": "3.6.0",
     "description": "Xola UI Kit",
-    "type": "module",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -11,116 +10,96 @@
     "files": [
         "build",
         "index.css",
+        "index.d.ts",
         "tailwind.config.js",
-        "postcss.config.js"
+        "postcss.config.js",
+        "ui-kit.es.js"
     ],
-    "sideEffects": [
-        "*.css"
-    ],
-    "exports": {
-        ".": {
-            "types": "./build/index.d.ts",
-            "import": "./build/index.js"
-        },
-        "./index.css": "./build/full.css",
-        "./build/base.css": "./build/base.css",
-        "./build/full.css": "./build/full.css",
-        "./build/ui-kit.css": "./build/ui-kit.css",
-        "./tailwind.config.js": "./tailwind.config.js",
-        "./tailwind.config": "./tailwind.config.js",
-        "./postcss.config.js": "./postcss.config.js",
-        "./postcss.config": "./postcss.config.js"
-    },
-    "module": "./build/index.js",
-    "types": "./build/index.d.ts",
+    "main": "build/ui-kit.es.js",
+    "module": "build/ui-kit.es.js",
+    "types": "build/index.d.ts",
     "scripts": {
-        "prepare": "node scripts/prepare.mjs && NODE_ENV=production vite build --mode production && node scripts/compileBaseCss.mjs",
+        "prepare": "node scripts/prepare && vite build",
         "start": "./scripts/storybook",
-        "dev": "npm start",
-        "dev:clean": "./scripts/storybook --no-manager-cache",
+        "dev": "./scripts/storybook",
+        "build": "npm run prepare && vite build && cp index.d.ts build",
+        "build:storybook": "npm run build && ./scripts/storybook build",
         "clean": "rm -rf node_modules/.vite",
-        "build": "npm run prepare",
-        "storybook": "npm run prepare && ./scripts/storybook",
-        "build:storybook": "npm run prepare && ./scripts/storybook build",
-        "type-check": "tsc --noEmit",
+        "lint": "xola-lint src",
+        "lint:fix": "xola-lint src --fix",
+        "lint:report": "xola-lint src --reporter=json src > eslint_report.json",
         "format": "prettier -l --write src",
-        "lint": "eslint --cache --fix src",
-        "lint:ci": "eslint --cache src",
-        "lint:report": "eslint src --cache --output-file eslint_report.json --format json",
-        "test": "vitest",
-        "test:ui": "vitest --ui",
-        "test:coverage": "vitest --coverage",
+        "test": "vitest run",
         "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook"
     },
     "dependencies": {
-        "@headlessui/react": "1.6",
-        "@tailwindcss/forms": "^0.5.6",
+        "@headlessui/react": "1.7",
+        "@tailwindcss/forms": "^0.5.11",
         "@tailwindcss/line-clamp": "^0.4.4",
         "@tippyjs/react": "^4.2.6",
-        "ahooks": "^3.9.6",
-        "axios": "^1.13.2",
-        "clsx": "^2.1.1",
-        "dayjs": "^1.11.19",
+        "clsx": "^1.2.1",
+        "dayjs": "^1.11.21",
         "downshift": "^6.1.12",
         "get-user-locale": "^1.5.1",
-        "libphonenumber-js": "^1.12.31",
-        "lodash-es": "^4.17.21",
-        "nouislider-react": "^3.4.1",
-        "react-day-picker": "^9.12.0",
-        "react-hot-toast": "^2.4.1",
+        "google-libphonenumber": "^3.2.44",
+        "lodash-es": "^4.18.1",
+        "nouislider-react": "^3.4.2",
+        "prop-types": "^15.8.1",
+        "react": "^18.3.1",
+        "react-day-picker": "^7.4.10",
+        "react-dom": "^18.3.1",
+        "react-hot-toast": "^2.6.0",
         "react-hotkeys-hook": "^3.4.7",
-        "react-select": "^5.8.1",
-        "react-textarea-autosize": "^8.5.3",
-        "react18-json-view": "^0.2.8",
-        "tailwind-merge": "^2.5.5",
+        "react-select": "^5.10.2",
+        "react-textarea-autosize": "^8.5.9",
+        "react18-json-view": "^0.2.10",
+        "tailwind-merge": "^2.6.1",
         "tippy.js": "^6.3.7",
+        "ahooks": "^3.9.6",
+        "axios": "^1.13.2",
         "use-debounce": "^10.0.6"
     },
     "devDependencies": {
-        "@babel/core": "^7.14.8",
-        "@babel/preset-env": "^7.15.6",
-        "@storybook/addon-docs": "9.1.16",
-        "@storybook/addon-links": "9.1.16",
-        "@storybook/react-vite": "9.1.16",
-        "@testing-library/jest-dom": "^6.0.0",
-        "@testing-library/react": "^14.0.0",
-        "@types/lodash-es": "^4.17.12",
-        "@types/node": "^24.10.1",
-        "@types/react": "^18.3.27 || ^19.0.0",
-        "@types/react-dom": "^18.3.7 || ^19.0.0",
-        "@vitejs/plugin-react": "^5.1.1",
-        "@vitest/coverage-v8": "^2.1.1",
-        "@vitest/ui": "^2.1.1",
-        "@xola/icons": "^1.2.4",
-        "@xola/jslint": "^3.2.0",
-        "ajv": "^8.17.1",
-        "autoprefixer": "^10.4.20",
-        "babel-loader": "^8.2.2",
-        "chromatic": "^6.11.4",
-        "eslint": "^9.39.1",
-        "eslint-plugin-progress": "github:rushi/eslint-plugin-progress",
-        "glob": "^13.0.0",
-        "jsdom": "^23.0.0",
-        "postcss": "8.4",
-        "prettier": "^3.3.3",
-        "prettier-plugin-tailwindcss": "^0.4.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "storybook": "9.1.16",
-        "storybook-addon-designs": "^6.3.1",
+        "@babel/core": "^7.29.7",
+        "@babel/preset-env": "^7.29.7",
+        "@babel/preset-react": "^7.29.7",
+        "@babel/preset-typescript": "^7.29.7",
+        "@storybook/addon-actions": "8.6.18",
+        "@storybook/addon-essentials": "8.6.18",
+        "@storybook/addon-links": "8.6.18",
+        "@storybook/addon-styling-webpack": "^1.0.1",
+        "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
+        "@storybook/manager-api": "^8.6.18",
+        "@storybook/react": "8.6.18",
+        "@storybook/react-webpack5": "^8.6.18",
+        "@storybook/test": "^8.6.18",
+        "@storybook/theming": "8.6.18",
+        "@types/react": "^18.3.31",
+        "@types/react-dom": "^18.3.7",
+        "@xola/jslint": "^3.0.1",
+        "autoprefixer": "^10.5.2",
+        "babel-loader": "^8.4.1",
+        "chromatic": "^6.24.1",
+        "css-loader": "^7.1.4",
+        "postcss": "8.5",
+        "postcss-loader": "^8.2.1",
+        "prettier": "^3.9.5",
+        "prettier-plugin-tailwindcss": "^0.8.0",
+        "storybook": "^8.6.18",
+        "style-loader": "^4.0.0",
         "tailwindcss": "3.4",
-        "typescript": "5.7",
-        "vite": "^6.4.1",
-        "vite-plugin-dts": "^4.5.4",
-        "vitest": "^2.1.1"
+        "typescript": "4.9",
+        "vite": "^5.4.21",
+        "vitest": "^2.1.9",
+        "webpack": "^5.108.4"
     },
     "peerDependencies": {
+        "@types/react": "^18.2.22",
+        "@types/react-dom": "^18.2.7",
         "autoprefixer": "^10.3.1",
         "postcss": "^8.3.6",
-        "react": "^18.3.1 || ^19.0.0",
-        "react-dom": "^18.3.1 || ^19.0.0",
-        "tailwindcss": "^3.4",
-        "vite": "^6.4.1"
+        "tailwindcss": "^3.1.8",
+        "vite": "^5.4.11"
     },
     "engines": {
         "node": ">=20"

package/postcss.config.js

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
     plugins: {
         tailwindcss: {},
         autoprefixer: {},

package/tailwind.config.js

@@ -1,9 +1,5 @@
-import defaultTheme from "tailwindcss/defaultTheme.js";
-import forms from "@tailwindcss/forms";
-import path from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const defaultTheme = require("tailwindcss/defaultTheme");
+const path = require("path");
 
 const colors = {
     transparent: "transparent",
@@ -21,6 +17,7 @@ const colors = {
     },
 
     blue: {
+        medium: "#B0C7F1",
         lighter: "#D1E1FF",
         light: "#2979D0",
         DEFAULT: "#1352C6",
@@ -128,11 +125,13 @@ const spacing = {
     200: "800px",
 };
 
-export default {
+module.exports = {
     content: [
-        "./src/**/*.{js,jsx,ts,tsx}",
-        "!./src/**/node_modules",
-        path.join(__dirname, "build/**/*.js"),
+        "./src/**/*.js",
+        "./src/**/*.jsx",
+        "./src/**/*.ts",
+        "./src/**/*.tsx",
+        path.join(__dirname, "build/ui-kit.es.js"),
     ],
 
     theme: {
@@ -241,5 +240,5 @@ export default {
         },
     },
 
-    plugins: [forms],
+    plugins: [require("@tailwindcss/forms")],
 };

package/build/base.css

@@ -1,2 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
-/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:InterVariable,Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{font-feature-settings:"liga" 1,"calt" 1}html{font-size:14px;color:rgb(34 35 36/var(--tw-text-opacity,1))}a,html{--tw-text-opacity:1}a{color:rgb(19 82 198/var(--tw-text-opacity,1))}a:hover{text-decoration-line:underline}button:focus{outline:2px solid transparent;outline-offset:2px}h1{font-size:24px}h1,h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;line-height:130%;letter-spacing:-.4px}h2{font-size:21px}h3{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;letter-spacing:-.4px}h4{font-size:16px}h4,h5{line-height:130%;letter-spacing:-.4px}h5{font-size:14px}h6{font-size:12px;line-height:110%;letter-spacing:-.4px}.p1{font-size:16px}.p1,.p2{line-height:130%;letter-spacing:-.4px}.p2{font-size:14px}.p3{font-size:12px;line-height:110%;letter-spacing:-.4px}.ui-badge .icon{position:relative;top:-1px}sup{top:-7px}.font-bold{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/build/components/Alert.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-declare const colors: {
-    readonly primary: "bg-primary-lighter text-black";
-    readonly secondary: "bg-secondary-lighter text-black";
-    readonly success: "bg-success-lighter text-black";
-    readonly warning: "bg-warning-lighter text-black";
-    readonly danger: "bg-danger-lighter text-black";
-    readonly caution: "bg-caution-lighter text-black";
-};
-type AlertColor = keyof typeof colors;
-export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    color?: AlertColor;
-    children: React.ReactNode;
-    className?: string;
-    onClose?: () => void;
-}
-export declare const Alert: ({ color, children, className, onClose, ...rest }: AlertProps) => React.JSX.Element;
-export {};

package/build/components/Alert.js

@@ -1,28 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import s from "clsx";
-import { CloseIcon as n } from "../icons/src/CloseIcon.js";
-const o = {
-  primary: "bg-primary-lighter text-black",
-  secondary: "bg-secondary-lighter text-black",
-  success: "bg-success-lighter text-black",
-  warning: "bg-warning-lighter text-black",
-  danger: "bg-danger-lighter text-black",
-  caution: "bg-caution-lighter text-black"
-}, u = ({ color: r = "primary", children: a, className: l, onClose: e, ...c }) => /* @__PURE__ */ i(
-  "div",
-  {
-    className: s(
-      "ui-alert flex items-start rounded px-3 py-3 text-base leading-4",
-      o[r],
-      l
-    ),
-    ...c,
-    children: [
-      /* @__PURE__ */ t("span", { className: "ui-alert-content w-full leading-p1", children: a }),
-      e ? /* @__PURE__ */ t("button", { type: "button", className: "ui-alert-close ml-3 cursor-pointer hover:text-gray-dark", children: /* @__PURE__ */ t(n, { onClick: e }) }) : null
-    ]
-  }
-);
-export {
-  u as Alert
-};

package/build/components/Animation/FadeIn.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-export interface FadeInProps {
-    [key: string]: any;
-    shouldShow?: boolean;
-    shouldAppear?: boolean;
-    tag?: React.ElementType;
-    enter?: string;
-    enterFrom?: string;
-    enterTo?: string;
-    children?: React.ReactNode;
-    className?: string;
-}
-export declare const FadeIn: ({ shouldShow, shouldAppear, tag, enter, enterFrom, enterTo, children, className, ...rest }: FadeInProps) => React.JSX.Element;

package/build/components/Animation/FadeIn.js

@@ -1,29 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { Transition as m } from "@headlessui/react";
-const y = ({
-  shouldShow: t = !0,
-  shouldAppear: o = !0,
-  tag: r = "div",
-  enter: i = "transition-opacity duration-700",
-  enterFrom: a = "opacity-0",
-  enterTo: n = "opacity-100",
-  children: p,
-  className: e,
-  ...s
-}) => /* @__PURE__ */ c(
-  m,
-  {
-    show: t,
-    appear: o,
-    as: r,
-    className: e,
-    enter: i,
-    enterFrom: a,
-    enterTo: n,
-    ...s,
-    children: p
-  }
-);
-export {
-  y as FadeIn
-};

package/build/components/Animation/SlideDown.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export interface SlideDownProps {
-    isOpen?: boolean;
-    children?: React.ReactNode;
-}
-export declare const SlideDown: ({ isOpen, children }: SlideDownProps) => React.JSX.Element;

package/build/components/Animation/SlideDown.js

@@ -1,20 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Transition as o } from "@headlessui/react";
-const i = ({ isOpen: r, children: a }) => /* @__PURE__ */ t("div", { className: "overflow-hidden", children: /* @__PURE__ */ t(
-  o,
-  {
-    show: r,
-    appear: r,
-    as: "div",
-    enter: "transition-all duration-500",
-    enterFrom: "transform -translate-y-full opacity-0",
-    enterTo: "transform translate-y-0 opacity-100",
-    leave: "transition duration-500",
-    leaveFrom: "transform translate-y-0 opacity-100",
-    leaveTo: "transform -translate-y-full opacity-0",
-    children: a
-  }
-) });
-export {
-  i as SlideDown
-};

package/build/components/Avatar.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-declare const sizes: {
-    readonly tiny: "h-7 w-7 text-base";
-    readonly small: "h-10 w-10 text-base";
-    readonly medium: "h-12 w-12 text-md";
-    readonly large: "h-15 w-15 text-xl";
-};
-type AvatarSize = keyof typeof sizes;
-export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
-    name?: string;
-    color?: string;
-    size?: AvatarSize;
-    className?: string;
-}
-export declare const Avatar: ({ name, color, size, className, ...rest }: AvatarProps) => React.JSX.Element;
-export {};