tembro 2.1.8 → 2.1.9

package/dist/components/inputs/search-input.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./clearable-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({searchIcon:e,loading:a=!1,loadingLabel:o=`Searching`,resultCount:s,shortcut:c,debounceMs:l,value:u,onValueChange:d,onDebouncedValueChange:f,placeholder:p=`Search...`,inputMode:m=`search`,trailing:h,showMetaOnClear:g=!1,disabled:_,...v},y)=>{let b=u==null?``:String(u);return n.useEffect(()=>{if(l==null||!f)return;let e=window.setTimeout(()=>f(b),l);return()=>window.clearTimeout(e)},[l,f,b]),(0,i.jsx)(t.ClearableInput,{ref:y,type:`search`,inputMode:m,placeholder:p,value:u,disabled:_||a,leadingIcon:e??(0,i.jsx)(r.SearchIcon,{}),trailing:(0,i.jsxs)(`span`,{"data-slot":`search-input-meta`,className:`inline-flex shrink-0 items-center gap-2 text-xs text-muted-foreground`,children:[a?(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`inline-flex items-center gap-1.5`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-3.5 animate-spin`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:o})]}):null,typeof s==`number`?(0,i.jsx)(`span`,{children:s}):null,c?(0,i.jsx)(`span`,{className:`rounded-md border border-border/80 bg-muted/60 px-1.5 py-0.5 font-mono`,children:c}):null,h]}),replaceTrailingWhenClear:!g,onValueChange:d,...v})});a.displayName=`SearchInput`,exports.SearchInput=a;

package/dist/components/inputs/simple-select.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/select/index.cjs");let t=require("react/jsx-runtime");function n(n){return(0,t.jsx)(e.Select,{...n})}exports.SimpleSelect=n;

package/dist/components/inputs/simple-select.d.ts

@@ -1,13 +0,0 @@
-import { type SelectOption, type SelectProps } from "@/components/ui/select";
-export type SimpleSelectOption = SelectOption;
-/**
- * @deprecated Prefer `Select` with `options` for new usage.
- */
-export type SimpleSelectProps = Omit<SelectProps, "children"> & {
-    options: SimpleSelectOption[];
-};
-/**
- * @deprecated Prefer `Select` with `options` for new usage.
- */
-declare function SimpleSelect(props: SimpleSelectProps): import("react").JSX.Element;
-export { SimpleSelect };

package/dist/components/inputs/simple-select.js

@@ -1,8 +0,0 @@
-import { Select as e } from "../ui/select/index.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/inputs/simple-select.tsx
-function n(n) {
-	return /* @__PURE__ */ t(e, { ...n });
-}
-//#endregion
-export { n as SimpleSelect };

package/packages/cli/vendor/src/components/inputs/color-input.tsx

@@ -1,49 +0,0 @@
-"use client"
-
-import * as React from "react"
-
-import { Input } from "@/components/ui/input"
-import { cn } from "@/lib/utils"
-
-export type ColorInputProps = Omit<React.ComponentProps<"input">, "type" | "value" | "defaultValue" | "onChange"> & {
-  value?: string
-  defaultValue?: string
-  onValueChange?: (value: string) => void
-  label?: React.ReactNode
-  description?: React.ReactNode
-  swatchClassName?: string
-}
-
-function ColorInput({ value, defaultValue = "#000000", onValueChange, label, description, swatchClassName, className, disabled, ...props }: ColorInputProps) {
-  const [internalValue, setInternalValue] = React.useState(defaultValue)
-  const currentValue = value ?? internalValue
-
-  const updateValue = (nextValue: string) => {
-    if (value === undefined) setInternalValue(nextValue)
-    onValueChange?.(nextValue)
-  }
-
-  return (
-    <div data-slot="color-input" className={cn("grid gap-2", className)}>
-      {(label || description) && (
-        <div className="grid gap-0.5">
-          {label && <label className="text-sm font-medium text-foreground">{label}</label>}
-          {description && <div className="text-xs text-muted-foreground">{description}</div>}
-        </div>
-      )}
-      <div className="flex items-center gap-2">
-        <input
-          type="color"
-          value={currentValue}
-          disabled={disabled}
-          className={cn("size-9 cursor-pointer rounded-md border bg-background p-1 disabled:cursor-not-allowed disabled:opacity-50", swatchClassName)}
-          onChange={(event) => updateValue(event.currentTarget.value)}
-          {...props}
-        />
-        <Input value={currentValue} disabled={disabled} onChange={(event) => updateValue(event.currentTarget.value)} className="font-mono" />
-      </div>
-    </div>
-  )
-}
-
-export { ColorInput }

package/packages/cli/vendor/src/components/inputs/combobox.tsx

@@ -1,180 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
-import { cn } from "@/lib/utils"
-
-export type ComboboxOption<TValue extends string = string> = {
-  value: TValue
-  label: React.ReactNode
-  searchValue?: string
-  description?: React.ReactNode
-  disabled?: boolean
-  hidden?: boolean
-}
-
-export type ComboboxProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-  value?: TValue
-  options: ComboboxOption<TValue>[]
-  onValueChange?: (value: TValue | undefined, option?: ComboboxOption<TValue>) => void
-  placeholder?: React.ReactNode
-  searchPlaceholder?: string
-  emptyLabel?: React.ReactNode
-  disabled?: boolean
-  invalid?: boolean
-  clearable?: boolean
-  allowDeselect?: boolean
-  showSelectedDescription?: boolean
-  onSearchChange?: (value: string) => void
-  triggerClassName?: string
-  contentClassName?: string
-  optionClassName?: string
-  searchClassName?: string
-}
-
-function Combobox<TValue extends string = string>({
-  value,
-  options,
-  onValueChange,
-  placeholder = "Select option",
-  searchPlaceholder = "Search...",
-  emptyLabel = "No option found",
-  disabled = false,
-  invalid,
-  clearable = false,
-  allowDeselect = false,
-  showSelectedDescription = true,
-  onSearchChange,
-  triggerClassName,
-  contentClassName,
-  optionClassName,
-  searchClassName,
-  className,
-  ...props
-}: ComboboxProps<TValue>) {
-  const [open, setOpen] = React.useState(false)
-  const [search, setSearch] = React.useState("")
-  const selectedOption = options.find((option) => option.value === value)
-  const normalizedSearch = search.trim().toLowerCase()
-  const filteredOptions = options.filter((option) => {
-    if (option.hidden) return false
-    if (!normalizedSearch) return true
-    return String(option.searchValue ?? option.label).toLowerCase().includes(normalizedSearch)
-  })
-
-  return (
-    <div data-slot="combobox" className={cn("grid w-full gap-2", className)} {...props}>
-      <Popover
-        open={open}
-        onOpenChange={(nextOpen) => {
-          setOpen(nextOpen)
-          if (!nextOpen) {
-            setSearch("")
-            onSearchChange?.("")
-          }
-        }}
-      >
-        <PopoverTrigger
-          render={
-            <Button
-              type="button"
-              variant="outline"
-              disabled={disabled}
-              aria-expanded={open}
-              aria-invalid={invalid || undefined}
-              className={cn("min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left", triggerClassName)}
-            />
-          }
-        >
-          <span className={cn("min-w-0 flex-1", !selectedOption && "text-muted-foreground")}>
-            {selectedOption ? (
-              <span className="flex min-w-0 flex-col items-start">
-                <span className="truncate font-medium">{selectedOption.label}</span>
-                {showSelectedDescription && selectedOption.description ? (
-                  <span className="truncate text-[11px] text-muted-foreground">{selectedOption.description}</span>
-                ) : null}
-              </span>
-            ) : (
-              <span className="truncate font-normal">{placeholder}</span>
-            )}
-          </span>
-          {clearable && selectedOption && !disabled ? (
-            <span
-              role="button"
-              tabIndex={0}
-              aria-label="Clear value"
-              className="inline-flex size-6 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/55 hover:text-foreground"
-              onClick={(event) => {
-                event.preventDefault()
-                event.stopPropagation()
-                onValueChange?.(undefined, undefined)
-              }}
-              onKeyDown={(event) => {
-                if (event.key === "Enter" || event.key === " ") {
-                  event.preventDefault()
-                  event.stopPropagation()
-                  onValueChange?.(undefined, undefined)
-                }
-              }}
-            >
-              ×
-            </span>
-          ) : null}
-          <ChevronDownIcon className="size-4 opacity-60" />
-        </PopoverTrigger>
-        <PopoverContent
-          align="start"
-          data-slot="combobox-content"
-          className={cn("w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]", contentClassName)}
-        >
-          <div className="relative mb-2">
-            <SearchIcon className="pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
-            <Input
-              value={search}
-              onChange={(event) => {
-                setSearch(event.target.value)
-                onSearchChange?.(event.target.value)
-              }}
-              placeholder={searchPlaceholder}
-              className={cn("h-9 pl-8", searchClassName)}
-            />
-          </div>
-          <div className="max-h-64 overflow-y-auto">
-            {filteredOptions.length ? filteredOptions.map((option) => {
-              const active = option.value === value
-              return (
-                <button
-                  key={option.value}
-                  type="button"
-                  disabled={option.disabled}
-                  data-selected={active || undefined}
-                  className={cn(
-                    "flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]",
-                    optionClassName
-                  )}
-                  onClick={() => {
-                    const nextValue = allowDeselect && active ? undefined : option.value
-                    onValueChange?.(nextValue, nextValue ? option : undefined)
-                    setOpen(false)
-                  }}
-                >
-                  <span className={cn("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70", active && "border-primary bg-primary text-primary-foreground")}>{active && <CheckIcon className="size-3" />}</span>
-                  <span className="min-w-0">
-                    <span className="block truncate font-medium">{option.label}</span>
-                    {option.description && <span className="block text-xs text-muted-foreground">{option.description}</span>}
-                  </span>
-                </button>
-              )
-            }) : <div className="rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground">{emptyLabel}</div>}
-          </div>
-        </PopoverContent>
-      </Popover>
-    </div>
-  )
-}
-
-export { Combobox }

package/packages/cli/vendor/src/components/inputs/quantity-stepper.tsx

@@ -1,51 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { MinusIcon, PlusIcon } from "lucide-react"
-
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { cn } from "@/lib/utils"
-
-export type QuantityStepperProps = Omit<React.ComponentProps<"div">, "onChange"> & {
-  value?: number
-  defaultValue?: number
-  onValueChange?: (value: number) => void
-  min?: number
-  max?: number
-  step?: number
-  disabled?: boolean
-}
-
-function QuantityStepper({ value, defaultValue = 0, onValueChange, min = 0, max, step = 1, disabled = false, className, ...props }: QuantityStepperProps) {
-  const [internalValue, setInternalValue] = React.useState(defaultValue)
-  const currentValue = value ?? internalValue
-
-  const updateValue = (nextValue: number) => {
-    const normalized = Math.max(min, Math.min(max ?? nextValue, Number.isFinite(nextValue) ? nextValue : min))
-    if (value === undefined) setInternalValue(normalized)
-    onValueChange?.(normalized)
-  }
-
-  return (
-    <div data-slot="quantity-stepper" className={cn("inline-flex items-center rounded-lg border bg-background", className)} {...props}>
-      <Button type="button" variant="ghost" size="icon-sm" disabled={disabled || currentValue <= min} onClick={() => updateValue(currentValue - step)}>
-        <MinusIcon />
-        <span className="sr-only">Decrease</span>
-      </Button>
-      <Input
-        value={currentValue}
-        disabled={disabled}
-        inputMode="numeric"
-        className="h-8 w-14 border-0 text-center shadow-none focus-visible:ring-0"
-        onChange={(event) => updateValue(Number(event.currentTarget.value))}
-      />
-      <Button type="button" variant="ghost" size="icon-sm" disabled={disabled || (max !== undefined && currentValue >= max)} onClick={() => updateValue(currentValue + step)}>
-        <PlusIcon />
-        <span className="sr-only">Increase</span>
-      </Button>
-    </div>
-  )
-}
-
-export { QuantityStepper }

package/packages/cli/vendor/src/components/inputs/simple-select.tsx

@@ -1,23 +0,0 @@
-import {
-  Select,
-  type SelectOption,
-  type SelectProps,
-} from "@/components/ui/select"
-
-export type SimpleSelectOption = SelectOption
-
-/**
- * @deprecated Prefer `Select` with `options` for new usage.
- */
-export type SimpleSelectProps = Omit<SelectProps, "children"> & {
-  options: SimpleSelectOption[]
-}
-
-/**
- * @deprecated Prefer `Select` with `options` for new usage.
- */
-function SimpleSelect(props: SimpleSelectProps) {
-  return <Select {...props} />
-}
-
-export { SimpleSelect }