@alkimi.org/ui-kit 0.9.0 → 0.9.1

package/dist/chunk-TF36SKHU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/combobox.tsx"],"sourcesContent":["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\"\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"],"mappings":"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","names":["React","Check","ChevronDown","X","jsx","jsxs","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","Popover","PopoverTrigger","cn","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","X","isSelected","CommandItem","Check"]}

package/dist/chunk-W65OWFZY.mjs

@@ -1,3 +0,0 @@
-"use client";
-import{a}from"./chunk-S5TKCF6T.mjs";import*as o from"react";import{Slot as l}from"@radix-ui/react-slot";import{cva as p}from"class-variance-authority";import{jsx as n,jsxs as b}from"react/jsx-runtime";var m=p("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",{variants:{variant:{default:"bg-primary-accent text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive hover:bg-destructive/90",outline:"border border-input hover:bg-base-accent text-primary-accent",secondary:"bg-muted text-primary-accent hover:bg-muted/20",ghost:"hover:bg-base-accent text-primary-accent",link:"text-primary-accent underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 text-sm",sm:"h-8 text-xs px-3 py-2",lg:"h-10 px-8 py-2 text-sm",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),f=o.forwardRef(({className:i,variant:s,size:c,asChild:d=!1,loading:e=!1,icon:r,...t},u)=>b(d?l:"button",{className:a(m({variant:s,size:c,className:i})),ref:u,disabled:e||t.disabled,...t,children:[e&&n("div",{className:"mr-2 h-4 w-4 animate-spin rounded-full border border-primary-foreground border-t-transparent"}),!e&&r&&n("span",{className:"mr-2",children:r}),t.children]}));f.displayName="Button";export{m as a,f as b};
-//# sourceMappingURL=chunk-W65OWFZY.mjs.map

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"]}