@jakubmazanec/ui 0.1.0-unstable.0c19abe

package/build/theme/defaultTheme.js

@@ -0,0 +1,331 @@
+"use strict";
+export const defaultTheme = {
+  Button: {
+    className: "rounded flex items-center justify-center text-nowrap font-sans",
+    variants: {
+      type: {
+        solid: "bg-blue-500 text-white hover:bg-blue-600",
+        outline: "border border-blue-500 text-blue-500 hover:bg-blue-50",
+        text: "border border-transparent hover:border hover:border-blue-500 text-blue-500",
+        icon: "border border-transparent hover:border hover:border-blue-500"
+      },
+      size: {
+        small: "text-xs leading-6 px-2 py-0.5 h-7 gap-x-1.5",
+        medium: "text-sm leading-6 px-3 py-1 h-8 gap-x-1.5",
+        large: "text-base leading-6 px-4 py-2 h-10 gap-x-1.5"
+      },
+      disabled: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        type: "outline",
+        size: "small",
+        className: "px-[0.4375rem] py-[0.0625rem]"
+      },
+      {
+        type: "outline",
+        size: "medium",
+        className: "px-[0.6875rem] py-[0.1875rem]"
+      },
+      {
+        type: "outline",
+        size: "large",
+        className: "px-[0.9375rem] py-[0.4375rem]"
+      },
+      {
+        type: "text",
+        size: "small",
+        className: "px-[0.0625rem] py-[0.0625rem]"
+      },
+      {
+        type: "text",
+        size: "medium",
+        className: "px-[0.1875rem] py-[0.1875rem]"
+      },
+      {
+        type: "text",
+        size: "large",
+        className: "px-[0.4375rem] py-[0.4375rem]"
+      },
+      {
+        type: "icon",
+        size: "small",
+        className: "px-[0.0625rem] py-[0.0625rem]"
+      },
+      {
+        type: "icon",
+        size: "medium",
+        className: "px-[0.1875rem] py-[0.1875rem]"
+      },
+      {
+        type: "icon",
+        size: "large",
+        className: "px-[0.4375rem] py-[0.4375rem]"
+      },
+      {
+        type: "solid",
+        disabled: true,
+        className: "bg-gray-200 text-white"
+      },
+      {
+        type: "outline",
+        disabled: true,
+        className: "border-gray-200 text-gray-200"
+      },
+      {
+        type: "text",
+        disabled: true,
+        className: "hover:border-transparent text-gray-200"
+      },
+      {
+        type: "icon",
+        disabled: true,
+        className: "hover:border-transparent text-gray-200"
+      }
+    ]
+  },
+  Checkbox: {
+    classNames: {
+      root: "flex items-center text-gray-95",
+      checked: "mr-2 flex hidden h-5 w-5 items-center justify-center rounded bg-blue-500 text-white group-data-[checked]:flex",
+      unchecked: "mr-2 flex h-5 w-5 items-center justify-center rounded border border-gray-200 bg-white group-data-[checked]:hidden",
+      icon: "h-4 w-4"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "text-gray-200",
+          checked: "bg-gray-500 opacity-50",
+          unchecked: "border-gray-100",
+          icon: ""
+        },
+        false: {
+          root: "",
+          checked: "",
+          unchecked: "",
+          icon: ""
+        }
+      }
+    }
+  },
+  Radio: {
+    classNames: {
+      root: "flex items-center text-gray-95",
+      checked: "mr-2 flex hidden h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white group-data-[checked]:flex",
+      unchecked: "mr-2 flex h-5 w-5 items-center justify-center rounded-full border border-gray-200 bg-white group-data-[checked]:hidden",
+      icon: "h-[9px] w-[9px]"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "text-gray-200",
+          checked: "bg-gray-500",
+          unchecked: "border-gray-100",
+          icon: ""
+        },
+        false: {
+          root: "",
+          checked: "",
+          unchecked: "",
+          icon: ""
+        }
+      }
+    }
+  },
+  Listbox: {
+    classNames: {
+      root: "flex w-full items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950",
+      label: "",
+      icon: "h-6 w-6 text-gray-400",
+      panel: "shadow absolute left-0 right-0 top-full z-10 m-0 mt-1 list-none rounded-lg border border-solid border-gray-200 bg-white p-0 text-left",
+      items: "max-h-40 overflow-hidden overflow-y-scroll",
+      item: "px-[0.4375rem] py-[0.1875rem] text-sm hover:bg-gray-50 ui-selected:bg-gray-100 ui-active:bg-gray-50"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "border-gray-100 text-gray-200 cursor-not-allowed",
+          label: "",
+          icon: "text-gray-200",
+          panel: "border-gray-100",
+          items: "",
+          item: "text-gray-200 cursor-not-allowed"
+        },
+        false: {
+          root: "",
+          label: "",
+          icon: "",
+          panel: "",
+          items: "",
+          item: ""
+        }
+      }
+    }
+  },
+  Combobox: {
+    classNames: {
+      root: "flex w-full items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950",
+      label: "",
+      icon: "h-6 w-6 text-gray-400",
+      panel: "shadow absolute left-0 right-0 top-full z-10 m-0 mt-1 list-none rounded-lg border border-solid border-gray-200 bg-white p-0 text-left",
+      items: "max-h-32 overflow-hidden overflow-y-scroll",
+      item: "px-[0.4375rem] py-[0.1875rem] text-sm hover:bg-gray-50 ui-selected:bg-gray-100 ui-active:bg-gray-50",
+      input: "flex w-[calc(100%-1rem)] items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950 focus-visible:outline-none m-2"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "border-gray-100 text-gray-200 cursor-not-allowed",
+          label: "",
+          icon: "text-gray-200",
+          panel: "",
+          items: "border-gray-100",
+          item: "text-gray-200 cursor-not-allowed",
+          input: ""
+        },
+        false: {
+          root: "",
+          label: "",
+          icon: "",
+          panel: "",
+          items: "",
+          item: "",
+          input: ""
+        }
+      }
+    }
+  },
+  Input: {
+    classNames: {
+      root: "flex w-full items-center rounded border border-gray-200 text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950 bg-white",
+      input: "p-0 focus-visible:outline-none w-full data-[headlessui-icon]:pl-6 data-[headlessui-clear-button]:pr-4",
+      icon: "w-6 h-6 left-0.5 top-0.5 text-gray-200",
+      clearButton: "text-gray-500 w-4 h-4 right-1 cursor-pointer"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "border-gray-100 text-gray-200 cursor-not-allowed",
+          input: "",
+          icon: "",
+          clearButton: ""
+        },
+        false: {
+          root: "",
+          input: "",
+          icon: "",
+          clearButton: ""
+        }
+      }
+    }
+  },
+  Textarea: {
+    classNames: {
+      root: "flex w-full items-center rounded border border-gray-200 text-sm leading-6 px-[0.4375rem] py-[0.1875rem] text-gray-950 bg-white",
+      input: "p-0 focus-visible:outline-none w-full data-[headlessui-icon]:pl-6",
+      icon: "w-6 h-6 left-0.5 top-0.5 text-gray-200"
+    },
+    variants: {
+      disabled: {
+        true: {
+          root: "border-gray-100 text-gray-200 cursor-not-allowed",
+          input: "",
+          icon: ""
+        },
+        false: {
+          root: "",
+          input: "",
+          icon: ""
+        }
+      }
+    }
+  },
+  Form: {
+    className: "flex flex-col gap-y-4"
+  },
+  Field: {
+    className: ""
+  },
+  Label: {
+    className: "cursor-pointer"
+  },
+  CheckboxField: {
+    className: "flex"
+  },
+  RadioField: {
+    className: "flex"
+  },
+  RadioGroupField: {
+    className: "",
+    variants: {
+      disabled: {
+        true: "",
+        false: ""
+      }
+    }
+  },
+  Error: {
+    className: "flex text-danger-500"
+  },
+  Dialog: {
+    classNames: {
+      root: "flex w-screen items-center justify-center p-4 z-30",
+      backdrop: "bg-black/30 z-30"
+    }
+  },
+  DialogPanel: {
+    className: "shadow-1 relative flex w-full min-w-[300px] max-w-[900px] flex-col gap-y-4 rounded-xl bg-white p-6 max-h-[calc(100vh-3rem)] overflow-hidden overflow-y-auto"
+  },
+  DialogTitle: {
+    className: "text-xl font-bold"
+  },
+  ConfirmDialog: {
+    classNames: {
+      root: "flex w-screen items-center justify-center p-4 z-30",
+      backdrop: "bg-black/30 z-30"
+    }
+  },
+  Popover: {
+    className: ""
+  },
+  PopoverButton: {
+    className: "focus-visible:outline-none"
+  },
+  PopoverPanel: {
+    className: "rounded bg-white border p-2 border-gray-200 absolute z-10 left-0 top-[calc(100%+0.25rem)]"
+  },
+  Menu: {
+    className: ""
+  },
+  MenuButton: {
+    className: ""
+  },
+  MenuItems: {
+    className: ""
+  },
+  MenuItem: {
+    className: ""
+  },
+  Table: {
+    classNames: {
+      root: "",
+      table: "grid"
+    }
+  },
+  TableHeader: {
+    className: ""
+  },
+  TableHeaderCell: {
+    className: "flex items-center p-1 text-xs font-bold bg-white z-20"
+  },
+  TableRow: {
+    className: ""
+  },
+  TableCell: {
+    className: "flex items-center p-[2px] text-xs"
+  }
+};
+//# sourceMappingURL=defaultTheme.js.map

package/build/theme/defaultTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/theme/defaultTheme.ts"],
+  "sourcesContent": ["import {type Theme} from './Theme.js';\n\nexport const defaultTheme: Theme = {\n  Button: {\n    className: 'rounded flex items-center justify-center text-nowrap font-sans',\n    variants: {\n      type: {\n        solid: 'bg-blue-500 text-white hover:bg-blue-600',\n        outline: 'border border-blue-500 text-blue-500 hover:bg-blue-50',\n        text: 'border border-transparent hover:border hover:border-blue-500 text-blue-500',\n        icon: 'border border-transparent hover:border hover:border-blue-500',\n      },\n      size: {\n        small: 'text-xs leading-6 px-2 py-0.5 h-7 gap-x-1.5',\n        medium: 'text-sm leading-6 px-3 py-1 h-8 gap-x-1.5',\n        large: 'text-base leading-6 px-4 py-2 h-10 gap-x-1.5',\n      },\n      disabled: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        type: 'outline',\n        size: 'small',\n        className: 'px-[0.4375rem] py-[0.0625rem]',\n      },\n      {\n        type: 'outline',\n        size: 'medium',\n        className: 'px-[0.6875rem] py-[0.1875rem]',\n      },\n      {\n        type: 'outline',\n        size: 'large',\n        className: 'px-[0.9375rem] py-[0.4375rem]',\n      },\n      {\n        type: 'text',\n        size: 'small',\n        className: 'px-[0.0625rem] py-[0.0625rem]',\n      },\n      {\n        type: 'text',\n        size: 'medium',\n        className: 'px-[0.1875rem] py-[0.1875rem]',\n      },\n      {\n        type: 'text',\n        size: 'large',\n        className: 'px-[0.4375rem] py-[0.4375rem]',\n      },\n      {\n        type: 'icon',\n        size: 'small',\n        className: 'px-[0.0625rem] py-[0.0625rem]',\n      },\n      {\n        type: 'icon',\n        size: 'medium',\n        className: 'px-[0.1875rem] py-[0.1875rem]',\n      },\n      {\n        type: 'icon',\n        size: 'large',\n        className: 'px-[0.4375rem] py-[0.4375rem]',\n      },\n      {\n        type: 'solid',\n        disabled: true,\n        className: 'bg-gray-200 text-white',\n      },\n      {\n        type: 'outline',\n        disabled: true,\n        className: 'border-gray-200 text-gray-200',\n      },\n      {\n        type: 'text',\n        disabled: true,\n        className: 'hover:border-transparent text-gray-200',\n      },\n      {\n        type: 'icon',\n        disabled: true,\n        className: 'hover:border-transparent text-gray-200',\n      },\n    ],\n  },\n\n  Checkbox: {\n    classNames: {\n      root: 'flex items-center text-gray-95',\n      checked:\n        'mr-2 flex hidden h-5 w-5 items-center justify-center rounded bg-blue-500 text-white group-data-[checked]:flex',\n      unchecked:\n        'mr-2 flex h-5 w-5 items-center justify-center rounded border border-gray-200 bg-white group-data-[checked]:hidden',\n      icon: 'h-4 w-4',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'text-gray-200',\n          checked: 'bg-gray-500 opacity-50',\n          unchecked: 'border-gray-100',\n          icon: '',\n        },\n        false: {\n          root: '',\n          checked: '',\n          unchecked: '',\n          icon: '',\n        },\n      },\n    },\n  },\n\n  Radio: {\n    classNames: {\n      root: 'flex items-center text-gray-95',\n      checked:\n        'mr-2 flex hidden h-5 w-5 items-center justify-center rounded-full bg-blue-500 text-white group-data-[checked]:flex',\n      unchecked:\n        'mr-2 flex h-5 w-5 items-center justify-center rounded-full border border-gray-200 bg-white group-data-[checked]:hidden',\n      icon: 'h-[9px] w-[9px]',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'text-gray-200',\n          checked: 'bg-gray-500',\n          unchecked: 'border-gray-100',\n          icon: '',\n        },\n        false: {\n          root: '',\n          checked: '',\n          unchecked: '',\n          icon: '',\n        },\n      },\n    },\n  },\n\n  Listbox: {\n    classNames: {\n      root: 'flex w-full items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950',\n      label: '',\n      icon: 'h-6 w-6 text-gray-400',\n      panel:\n        'shadow absolute left-0 right-0 top-full z-10 m-0 mt-1 list-none rounded-lg border border-solid border-gray-200 bg-white p-0 text-left',\n      items: 'max-h-40 overflow-hidden overflow-y-scroll',\n      item: 'px-[0.4375rem] py-[0.1875rem] text-sm hover:bg-gray-50 ui-selected:bg-gray-100 ui-active:bg-gray-50',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'border-gray-100 text-gray-200 cursor-not-allowed',\n          label: '',\n          icon: 'text-gray-200',\n          panel: 'border-gray-100',\n          items: '',\n          item: 'text-gray-200 cursor-not-allowed',\n        },\n        false: {\n          root: '',\n          label: '',\n          icon: '',\n          panel: '',\n          items: '',\n          item: '',\n        },\n      },\n    },\n  },\n\n  Combobox: {\n    classNames: {\n      root: 'flex w-full items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950',\n      label: '',\n      icon: 'h-6 w-6 text-gray-400',\n      panel:\n        'shadow absolute left-0 right-0 top-full z-10 m-0 mt-1 list-none rounded-lg border border-solid border-gray-200 bg-white p-0 text-left',\n      items: 'max-h-32 overflow-hidden overflow-y-scroll',\n      item: 'px-[0.4375rem] py-[0.1875rem] text-sm hover:bg-gray-50 ui-selected:bg-gray-100 ui-active:bg-gray-50',\n      input:\n        'flex w-[calc(100%-1rem)] items-center justify-between rounded border border-solid border-gray-200 bg-white text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950 focus-visible:outline-none m-2',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'border-gray-100 text-gray-200 cursor-not-allowed',\n          label: '',\n          icon: 'text-gray-200',\n          panel: '',\n          items: 'border-gray-100',\n          item: 'text-gray-200 cursor-not-allowed',\n          input: '',\n        },\n        false: {\n          root: '',\n          label: '',\n          icon: '',\n          panel: '',\n          items: '',\n          item: '',\n          input: '',\n        },\n      },\n    },\n  },\n\n  Input: {\n    classNames: {\n      root: 'flex w-full items-center rounded border border-gray-200 text-sm leading-6 px-[0.4375rem] py-[0.1875rem] h-7 text-gray-950 bg-white',\n      input:\n        'p-0 focus-visible:outline-none w-full data-[headlessui-icon]:pl-6 data-[headlessui-clear-button]:pr-4',\n      icon: 'w-6 h-6 left-0.5 top-0.5 text-gray-200',\n      clearButton: 'text-gray-500 w-4 h-4 right-1 cursor-pointer',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'border-gray-100 text-gray-200 cursor-not-allowed',\n          input: '',\n          icon: '',\n          clearButton: '',\n        },\n        false: {\n          root: '',\n          input: '',\n          icon: '',\n          clearButton: '',\n        },\n      },\n    },\n  },\n\n  Textarea: {\n    classNames: {\n      root: 'flex w-full items-center rounded border border-gray-200 text-sm leading-6 px-[0.4375rem] py-[0.1875rem] text-gray-950 bg-white',\n      input: 'p-0 focus-visible:outline-none w-full data-[headlessui-icon]:pl-6',\n      icon: 'w-6 h-6 left-0.5 top-0.5 text-gray-200',\n    },\n    variants: {\n      disabled: {\n        true: {\n          root: 'border-gray-100 text-gray-200 cursor-not-allowed',\n          input: '',\n          icon: '',\n        },\n        false: {\n          root: '',\n          input: '',\n          icon: '',\n        },\n      },\n    },\n  },\n\n  Form: {\n    className: 'flex flex-col gap-y-4',\n  },\n\n  Field: {\n    className: '',\n  },\n\n  Label: {\n    className: 'cursor-pointer',\n  },\n\n  CheckboxField: {\n    className: 'flex',\n  },\n\n  RadioField: {\n    className: 'flex',\n  },\n\n  RadioGroupField: {\n    className: '',\n    variants: {\n      disabled: {\n        true: '',\n        false: '',\n      },\n    },\n  },\n\n  Error: {\n    className: 'flex text-danger-500',\n  },\n\n  Dialog: {\n    classNames: {\n      root: 'flex w-screen items-center justify-center p-4 z-30',\n      backdrop: 'bg-black/30 z-30',\n    },\n  },\n\n  DialogPanel: {\n    className:\n      'shadow-1 relative flex w-full min-w-[300px] max-w-[900px] flex-col gap-y-4 rounded-xl bg-white p-6 max-h-[calc(100vh-3rem)] overflow-hidden overflow-y-auto',\n  },\n\n  DialogTitle: {\n    className: 'text-xl font-bold',\n  },\n\n  ConfirmDialog: {\n    classNames: {\n      root: 'flex w-screen items-center justify-center p-4 z-30',\n      backdrop: 'bg-black/30 z-30',\n    },\n  },\n\n  Popover: {\n    className: '',\n  },\n\n  PopoverButton: {\n    className: 'focus-visible:outline-none',\n  },\n\n  PopoverPanel: {\n    className:\n      'rounded bg-white border p-2 border-gray-200 absolute z-10 left-0 top-[calc(100%+0.25rem)]',\n  },\n\n  Menu: {\n    className: '',\n  },\n\n  MenuButton: {\n    className: '',\n  },\n\n  MenuItems: {\n    className: '',\n  },\n\n  MenuItem: {\n    className: '',\n  },\n\n  Table: {\n    classNames: {\n      root: '',\n      table: 'grid',\n    },\n  },\n\n  TableHeader: {\n    className: '',\n  },\n\n  TableHeaderCell: {\n    className: 'flex items-center p-1 text-xs font-bold bg-white z-20',\n  },\n\n  TableRow: {\n    className: '',\n  },\n\n  TableCell: {\n    className: 'flex items-center p-[2px] text-xs',\n  },\n};\n"],
+  "mappings": ";AAEO,aAAM,eAAsB;AAAA,EACjC,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SACE;AAAA,MACF,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAW;AAAA,UACX,MAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAW;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SACE;AAAA,MACF,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAW;AAAA,UACX,MAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAW;AAAA,UACX,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS;AAAA,IACP,YAAY;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE;AAAA,MACF,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE;AAAA,MACF,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,OACE;AAAA,MACF,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EAEA,eAAe;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EAEA,YAAY;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAEA,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EAEA,QAAQ;AAAA,IACN,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,aAAa;AAAA,IACX,WACE;AAAA,EACJ;AAAA,EAEA,aAAa;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,eAAe;AAAA,IACb,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,SAAS;AAAA,IACP,WAAW;AAAA,EACb;AAAA,EAEA,eAAe;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EAEA,cAAc;AAAA,IACZ,WACE;AAAA,EACJ;AAAA,EAEA,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EAEA,YAAY;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,aAAa;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;",
+  "names": []
+}

package/build/theme/internals/ClassName.d.ts

@@ -0,0 +1 @@
+export type ClassName = ClassName[] | string | 0 | false | null | undefined;

package/build/theme/internals/ClassName.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ClassName.js.map

package/build/theme/internals/ClassName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentProps.d.ts

@@ -0,0 +1,7 @@
+import { type Writable } from '@jakubmazanec/ts-utils';
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+import { type ComponentThemeProps } from './ComponentThemeProps.js';
+export type ComponentProps<U extends {
+    themeDefinition: ComponentThemeDefinition | undefined;
+}> = U['themeDefinition'] extends ComponentThemeDefinition ? U['themeDefinition']['variants'] extends ComponentThemeDefinitionVariants ? Partial<Writable<ComponentThemeProps<U['themeDefinition']>>> : NonNullable<unknown> : NonNullable<unknown>;

package/build/theme/internals/ComponentProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentProps.js.map

package/build/theme/internals/ComponentProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentTheme.d.ts

@@ -0,0 +1,25 @@
+import { type ClassName } from './ClassName.js';
+import { type ComponentThemeCompoundVariants } from './ComponentThemeCompoundVariants.js';
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+import { type ComponentThemeVariants } from './ComponentThemeVariants.js';
+export type ComponentTheme<D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['elements'] extends ComponentThemeDefinitionElements ? D['variants'] extends ComponentThemeDefinitionVariants ? {
+    classNames?: {
+        [K in D['elements'][number]]: ClassName;
+    };
+    variants: ComponentThemeVariants<D['variants'], D['elements']>;
+    compoundVariants?: ComponentThemeCompoundVariants<D['variants'], D['elements']>;
+} : {
+    classNames: {
+        [K in D['elements'][number]]: ClassName;
+    };
+} : D['variants'] extends ComponentThemeDefinitionVariants ? {
+    className?: ClassName;
+    variants: ComponentThemeVariants<D['variants'], undefined>;
+    compoundVariants?: ComponentThemeCompoundVariants<D['variants'], undefined>;
+} : {
+    className: ClassName;
+} : {
+    className: ClassName;
+};

package/build/theme/internals/ComponentTheme.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentTheme.js.map

package/build/theme/internals/ComponentTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeCompoundVariants.d.ts

@@ -0,0 +1,12 @@
+import { type ClassName } from './ClassName.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+export type ComponentThemeCompoundVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = Array<(E extends ComponentThemeDefinitionElements ? {
+    classNames: {
+        [K in E[number]]: ClassName;
+    };
+} : {
+    className: ClassName;
+}) & {
+    [K in keyof V]?: Array<V[K][number]> | V[K][number];
+}>;

package/build/theme/internals/ComponentThemeCompoundVariants.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeCompoundVariants.js.map

package/build/theme/internals/ComponentThemeCompoundVariants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeDefinition.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+export type ComponentThemeDefinition = {
+    variants?: ComponentThemeDefinitionVariants;
+    elements?: ComponentThemeDefinitionElements;
+};

package/build/theme/internals/ComponentThemeDefinition.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeDefinition.js.map

package/build/theme/internals/ComponentThemeDefinition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeDefinitionElements.d.ts

@@ -0,0 +1 @@
+export type ComponentThemeDefinitionElements = string[];

package/build/theme/internals/ComponentThemeDefinitionElements.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeDefinitionElements.js.map

package/build/theme/internals/ComponentThemeDefinitionElements.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeDefinitionVariants.d.ts

@@ -0,0 +1,3 @@
+export type ComponentThemeDefinitionVariants = {
+    [key: string]: string[] | [true, false];
+};

package/build/theme/internals/ComponentThemeDefinitionVariants.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeDefinitionVariants.js.map

package/build/theme/internals/ComponentThemeDefinitionVariants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeProps.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+export type ComponentThemeProps<D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['variants'] extends ComponentThemeDefinitionVariants ? {
+    [J in keyof D['variants']]: D['variants'][J][number];
+} : NonNullable<unknown> : NonNullable<unknown>;

package/build/theme/internals/ComponentThemeProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeProps.js.map

package/build/theme/internals/ComponentThemeProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/ComponentThemeVariants.d.ts

@@ -0,0 +1,14 @@
+import { type ClassName } from './ClassName.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+export type ComponentThemeVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = {
+    [J in keyof V]: V[J] extends string[] ? {
+        [K in V[J][number]]: E extends ComponentThemeDefinitionElements ? {
+            [L in E[number]]: ClassName;
+        } : ClassName;
+    } : {
+        [K in 'false' | 'true']: E extends ComponentThemeDefinitionElements ? {
+            [L in E[number]]: ClassName;
+        } : ClassName;
+    };
+};

package/build/theme/internals/ComponentThemeVariants.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ComponentThemeVariants.js.map

package/build/theme/internals/ComponentThemeVariants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/UseComponentTheme.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+import { type ComponentThemeProps } from './ComponentThemeProps.js';
+import { type UseComponentThemeReturn } from './UseComponentThemeReturn.js';
+export type UseComponentTheme<N extends string, D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['variants'] extends ComponentThemeDefinitionVariants ? D['elements'] extends ComponentThemeDefinitionElements ? ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) & {
+    componentThemeName: N;
+    themeDefinition: D;
+} : ((themeProps: ComponentThemeProps<D>) => UseComponentThemeReturn<D>) & {
+    componentThemeName: N;
+    themeDefinition: D;
+} : D['elements'] extends ComponentThemeDefinitionElements ? (() => UseComponentThemeReturn<D>) & {
+    componentThemeName: N;
+    themeDefinition: D;
+} : (() => UseComponentThemeReturn<D>) & {
+    componentThemeName: N;
+    themeDefinition: D;
+} : (() => UseComponentThemeReturn<D>) & {
+    componentThemeName: N;
+    themeDefinition: D;
+};

package/build/theme/internals/UseComponentTheme.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=UseComponentTheme.js.map

package/build/theme/internals/UseComponentTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/UseComponentThemeReturn.d.ts

@@ -0,0 +1,6 @@
+import { type ClassName } from './ClassName.js';
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+export type UseComponentThemeReturn<D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['elements'] extends ComponentThemeDefinitionElements ? {
+    [K in D['elements'][number]]: (baseClassName?: ClassName, overrideClassName?: ClassName) => string;
+} : (baseClassName?: ClassName, overrideClassName?: ClassName) => string : (baseClassName?: ClassName, overrideClassName?: ClassName) => string;

package/build/theme/internals/UseComponentThemeReturn.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=UseComponentThemeReturn.js.map

package/build/theme/internals/UseComponentThemeReturn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/theme/internals/booleanToString.d.ts

@@ -0,0 +1 @@
+export declare function booleanToString<T>(value: T): T extends boolean ? string : T;

package/build/theme/internals/booleanToString.js

@@ -0,0 +1,5 @@
+"use strict";
+export function booleanToString(value) {
+  return typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+}
+//# sourceMappingURL=booleanToString.js.map

package/build/theme/internals/booleanToString.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/booleanToString.ts"],
+  "sourcesContent": ["export function booleanToString<T>(value: T): T extends boolean ? string : T {\n  return (\n    typeof value === 'boolean' ? `${value}`\n    : value === 0 ? '0'\n    : value) as T extends boolean ? string : T;\n}\n"],
+  "mappings": ";AAAO,gBAAS,gBAAmB,OAA0C;AAC3E,SACE,OAAO,UAAU,YAAY,GAAG,KAAK,KACnC,UAAU,IAAI,MACd;AACN;",
+  "names": []
+}