@alkimi.org/ui-kit 0.8.8 → 0.9.1

package/dist/chunk-W65OWFZY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center cursor-pointer justify-center whitespace-nowrap rounded-4xl font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 active:opacity-50 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary-accent text-primary-foreground hover:bg-primary/90\",\n        destructive: \"bg-destructive hover:bg-destructive/90\",\n        outline: \"border border-input hover:bg-base-accent text-primary-accent\",\n        secondary: \"bg-muted text-primary-accent hover:bg-muted/20\",\n        ghost: \"hover:bg-base-accent text-primary-accent\",\n        link: \"text-primary-accent underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 text-sm\",\n        sm: \"h-8 text-xs px-3 py-2\",\n        lg: \"h-10 px-8 py-2 text-sm\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n  loading?: boolean\n  icon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || props.disabled}\n        {...props}\n      >\n        {loading && (\n          <div className=\"mr-2 h-4 w-4 animate-spin rounded-full border border-primary-foreground border-t-transparent\" />\n        )}\n        {!loading && icon && <span className=\"mr-2\">{icon}</span>}\n        {props.children}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"mappings":";oCAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BAuDjC,OAOI,OAAAC,EAPJ,QAAAC,MAAA,oBAnDN,IAAMC,EAAiBC,EACrB,gTACA,CACE,SAAU,CACR,QAAS,CACP,QACE,gEACF,YAAa,yCACb,QAAS,+DACT,UAAW,iDACX,MAAO,2CACP,KAAM,wDACR,EACA,KAAM,CACJ,QAAS,wBACT,GAAI,wBACJ,GAAI,yBACJ,KAAM,SACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAWMC,EAAe,aACnB,CACE,CACE,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,KAAAC,EACA,GAAGC,CACL,EACAC,IAIEX,EAFWO,EAAUK,EAAO,SAE3B,CACC,UAAWC,EAAGZ,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC1D,IAAKO,EACL,SAAUH,GAAWE,EAAM,SAC1B,GAAGA,EAEH,UAAAF,GACCT,EAAC,OAAI,UAAU,+FAA+F,EAE/G,CAACS,GAAWC,GAAQV,EAAC,QAAK,UAAU,OAAQ,SAAAU,EAAK,EACjDC,EAAM,UACT,CAGN,EACAP,EAAO,YAAc","names":["React","Slot","cva","jsx","jsxs","buttonVariants","cva","Button","className","variant","size","asChild","loading","icon","props","ref","Slot","cn"]}

package/dist/chunk-YXXGA3BD.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunkHKLR7AH3js = require('./chunk-HKLR7AH3.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var k = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');function F({options:l,value:s,onValueChange:O,placeholder:m="Select option...",searchPlaceholder:S="Search...",emptyMessage:R="No option found.",disabled:D=!1,className:E,error:I=!1,multiple:i=!1,values:n=[],onValuesChange:p}){let[g,b]=k.useState(!1),u=l.find(e=>e.value===s),a=l.filter(e=>n.includes(e.value)),T=e=>{if(i){let t=n.includes(e)?n.filter(c=>c!==e):[...n,e];_optionalChain([p, 'optionalCall', _ => _(t)])}else _optionalChain([O, 'optionalCall', _2 => _2(e===s?"":e)]),b(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let c=n.filter(M=>M!==e);_optionalChain([p, 'optionalCall', _3 => _3(c)])},L=()=>i?a.length===0?m:a.length===1?a[0].label:`${a.length} selected`:u?u.label:m;return _jsxruntime.jsxs.call(void 0, _chunkULIOO55Ijs.a,{open:g,onOpenChange:b,children:[_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.b,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, "button",{type:"button",role:"combobox","aria-expanded":g,disabled:D,className:_chunkFUYXCJOQjs.a.call(void 0, "cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",!s&&!n.length&&"text-secondary-text",I&&"border-destructive-foreground focus-visible:ring-destructive-foreground",E),children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:L()}),_jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.c,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.a,{children:[_jsxruntime.jsx.call(void 0, _chunkHKLR7AH3js.c,{placeholder:S}),_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.d,{children:[_jsxruntime.jsx.call(void 0, _chunkHKLR7AH3js.e,{children:R}),_jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.f,{children:[i&&a.length>0&&_jsxruntime.jsx.call(void 0, "div",{className:"px-2 py-1.5",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-wrap gap-1",children:a.map(e=>_jsxruntime.jsxs.call(void 0, "div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label}),_jsxruntime.jsx.call(void 0, _lucidereact.X,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=i?n.includes(e.value):s===e.value;return _jsxruntime.jsxs.call(void 0, _chunkHKLR7AH3js.h,{value:e.value,onSelect:T,children:[_jsxruntime.jsx.call(void 0, _lucidereact.Check,{className:_chunkFUYXCJOQjs.a.call(void 0, "mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}exports.a = F;
-//# sourceMappingURL=chunk-YXXGA3BD.js.map

package/dist/chunk-YXXGA3BD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-YXXGA3BD.js","../src/components/combobox.tsx"],"names":["Combobox","options","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","disabled","className","error","multiple","values","onValuesChange","open","setOpen","selectedOption","option","selectedOptions","handleSelect","currentValue","newValues","v","handleRemoveValue","valueToRemove","e","getDisplayText"],"mappings":"AAAA,22BAAY;AACZ,sDAAqD,sDAA2E,sDAAwC,uECDjJ,2CACe,+CAqF9B,SApDQA,CAAAA,CAAS,CACvB,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,iBAAA,CAAAC,CAAAA,CAAoB,WAAA,CACpB,YAAA,CAAAC,CAAAA,CAAe,kBAAA,CACf,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,CAAA,CAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,MAAA,CAAAC,CAAAA,CAAS,CAAC,CAAA,CACV,cAAA,CAAAC,CACF,CAAA,CAAkB,CAChB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEtCC,CAAAA,CAAiBd,CAAAA,CAAQ,IAAA,CAAMe,CAAAA,EAAWA,CAAAA,CAAO,KAAA,GAAUd,CAAK,CAAA,CAChEe,CAAAA,CAAkBhB,CAAAA,CAAQ,MAAA,CAAQe,CAAAA,EACtCL,CAAAA,CAAO,QAAA,CAASK,CAAAA,CAAO,KAAK,CAC9B,CAAA,CAEME,CAAAA,CAAgBC,CAAAA,EAAyB,CAC7C,EAAA,CAAIT,CAAAA,CAAU,CACZ,IAAMU,CAAAA,CAAYT,CAAAA,CAAO,QAAA,CAASQ,CAAY,CAAA,CAC1CR,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAMF,CAAY,CAAA,CACvC,CAAC,GAAGR,CAAAA,CAAQQ,CAAY,CAAA,iBAC5BP,CAAAA,wBAAAA,CAAiBQ,CAAS,GAC5B,CAAA,qBACEjB,CAAAA,0BAAAA,CAAgBgB,CAAAA,GAAiBjB,CAAAA,CAAQ,EAAA,CAAKiB,CAAY,GAAA,CAC1DL,CAAAA,CAAQ,CAAA,CAAK,CAEjB,CAAA,CAEMQ,CAAAA,CAAoB,CAACC,CAAAA,CAAuBC,CAAAA,CAAAA,EAAwB,CACxEA,CAAAA,CAAE,cAAA,CAAe,CAAA,CACjBA,CAAAA,CAAE,eAAA,CAAgB,CAAA,CAClB,IAAMJ,CAAAA,CAAYT,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAME,CAAa,CAAA,iBAC1DX,CAAAA,0BAAAA,CAAiBQ,CAAS,GAC5B,CAAA,CAEMK,CAAAA,CAAiB,CAAA,CAAA,EACjBf,CAAAA,CACEO,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUb,CAAAA,CACrCa,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUA,CAAAA,CAAgB,CAAC,CAAA,CAAE,KAAA,CACrD,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-YXXGA3BD.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/command\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[]\n  value?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n}\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select option...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No option found.\",\n  disabled = false,\n  className,\n  error = false,\n  multiple = false,\n  values = [],\n  onValuesChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedOptions = options.filter((option) =>\n    values.includes(option.value)\n  )\n\n  const handleSelect = (currentValue: string) => {\n    if (multiple) {\n      const newValues = values.includes(currentValue)\n        ? values.filter((v) => v !== currentValue)\n        : [...values, currentValue]\n      onValuesChange?.(newValues)\n    } else {\n      onValueChange?.(currentValue === value ? \"\" : currentValue)\n      setOpen(false)\n    }\n  }\n\n  const handleRemoveValue = (valueToRemove: string, e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    const newValues = values.filter((v) => v !== valueToRemove)\n    onValuesChange?.(newValues)\n  }\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            \"cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            !value && !values.length && \"text-secondary-text\",\n            error &&\n              \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} />\n          <CommandList>\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {multiple && selectedOptions.length > 0 && (\n                <div className=\"px-2 py-1.5\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {selectedOptions.map((option) => (\n                      <div\n                        key={option.value}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <X\n                          className=\"h-3 w-3 cursor-pointer hover:text-destructive\"\n                          onClick={(e) => handleRemoveValue(option.value, e)}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n              {options.map((option) => {\n                const isSelected = multiple\n                  ? values.includes(option.value)\n                  : value === option.value\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.value}\n                    onSelect={handleSelect}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        isSelected ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </CommandItem>\n                )\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}