@px-ui/ui 0.1.4 → 1.0.1

package/dist/components/currency-select-field.js

@@ -0,0 +1,266 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import "../button-hBUFMmsZ.js";
+import "../input-8jqdnUZl.js";
+import "../textarea-Cq0o323P.js";
+import { n as InputGroupAddon } from "../input-group-DqEkmpXW.js";
+import "../spinner-Bo0sUZEg.js";
+import "../use-async-options-wZ9LJ2BJ.js";
+import "../use-intersection-observer-CZfnep4z.js";
+import "../use-infinite-scroll-CpbhGGT5.js";
+import "../use-debounce-_qaEZqtt.js";
+import { f as ComboboxList, l as ComboboxInput, m as ComboboxStatus, s as ComboboxContent, t as Combobox, u as ComboboxItem } from "../combobox-CnpyzZ7B.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import ReactCountryFlag from "react-country-flag";
+
+//#region src/components/currency-select-field.tsx
+/**
+* Mapping of currency abbreviations to country codes for flag display.
+* Used internally by CurrencySelectField to display country flags.
+*/
+const CURRENCY_FLAG_CODE = {
+	USD: "US",
+	CAD: "CA",
+	EUR: "EU",
+	GBP: "GB",
+	INR: "IN",
+	AFN: "AF",
+	ALL: "AL",
+	ANG: "MY",
+	ARS: "AR",
+	AUD: "AU",
+	AZN: "AZ",
+	BBD: "BB",
+	BGN: "BG",
+	BMD: "BM",
+	BOB: "BO",
+	BRL: "BR",
+	BSD: "BS",
+	BWP: "BW",
+	BYN: "BY",
+	CHF: "CH",
+	CLP: "CL",
+	COP: "CO",
+	CRC: "CR",
+	CUP: "CU",
+	CZK: "CZ",
+	DKK: "DK",
+	DOP: "DO",
+	EGP: "EG",
+	FJD: "FJ",
+	GGP: "GG",
+	GHS: "US",
+	GIP: "GI",
+	GTQ: "GT",
+	GYD: "GY",
+	HKD: "HK",
+	HNL: "HN",
+	HRK: "HR",
+	HUF: "HU",
+	ILS: "IL",
+	IMP: "IM",
+	IRR: "IR",
+	ISK: "IS",
+	JEP: "JE",
+	JMD: "JM",
+	JPY: "JP",
+	KHR: "KM",
+	KPW: "KP",
+	KRW: "KR",
+	KYD: "KY",
+	LAK: "LA",
+	LBP: "LB",
+	LKR: "LK",
+	LRD: "LR",
+	MKD: "MK",
+	MNT: "MN",
+	MXN: "MX",
+	MYR: "MY",
+	MZN: "MZ",
+	NGN: "NG",
+	NIO: "NI",
+	NOK: "NO",
+	NPR: "NP",
+	NZD: "NZ",
+	PAB: "PA",
+	PEN: "PE",
+	PHP: "PH",
+	PKR: "PK",
+	PLN: "PL",
+	PYG: "PY",
+	QAR: "QA",
+	RON: "RO",
+	RSD: "RS",
+	RUB: "RU",
+	SAR: "SA",
+	SBD: "SB",
+	SCR: "SC",
+	SEK: "SE",
+	SGD: "SG",
+	SHP: "SH",
+	SOS: "SO",
+	SRD: "SR",
+	SVC: "SV",
+	THB: "TH",
+	TRY: "TR",
+	TVD: "TV",
+	TWD: "TW",
+	UAH: "UA",
+	UYU: "UY",
+	UZS: "UZ",
+	VEF: "VE",
+	VND: "VN",
+	XCD: "EC",
+	YEN: "YE",
+	YER: "YE",
+	ZAR: "ZA",
+	ZWD: "ZW",
+	AED: "AE",
+	AMD: "AD",
+	BDT: "BD",
+	BTN: "BT",
+	AOA: "AO",
+	AWG: "AW",
+	BAM: "BA",
+	BHD: "BH",
+	BIF: "BI",
+	BND: "BN",
+	BZD: "BZ",
+	CNY: "CN",
+	CVE: "CV",
+	DJF: "DJ",
+	DZD: "DZ",
+	ETB: "ET",
+	FKP: "FK",
+	GEL: "GE",
+	GMD: "GM",
+	GNF: "GN",
+	HTG: "HT",
+	IDR: "ID",
+	IQD: "IQ",
+	JOD: "JO",
+	KES: "KE",
+	KGS: "KG",
+	KMF: "KM",
+	KWD: "KW",
+	MWK: "MW",
+	ZMW: "ZM",
+	LSL: "LS",
+	LYD: "LY",
+	MAD: "MA",
+	MDL: "MD",
+	MGA: "MG",
+	MMK: "MM",
+	KZT: "KZ",
+	MOP: "MO",
+	MRU: "MR",
+	MUR: "MU",
+	MVR: "MV",
+	NAD: "NA",
+	OMR: "OM",
+	PGK: "PG",
+	RWF: "RW",
+	SDG: "SD",
+	SLL: "SL",
+	STD: "ST",
+	SYP: "SY",
+	SZL: "SZ",
+	TJS: "TJ",
+	TMT: "TM",
+	TND: "TN",
+	TOP: "TO",
+	TTD: "TT",
+	TZS: "TZ",
+	UGX: "UG",
+	VES: "VE",
+	VUV: "VU",
+	WST: "WS",
+	XAF: "CF",
+	XOF: "NG",
+	XPF: "CF"
+};
+function CurrencyFlag({ countryCode, className }) {
+	if (!countryCode) return /* @__PURE__ */ jsx("span", { className: cn("inline-block w-4", className) });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("relative -top-px flex shrink-0 items-center", className),
+		children: /* @__PURE__ */ jsx(ReactCountryFlag, {
+			countryCode,
+			svg: true,
+			style: {
+				width: "14px",
+				height: "14px"
+			},
+			"aria-label": `Flag of ${countryCode}`
+		})
+	});
+}
+function CurrencyOptionContent({ currency }) {
+	const countryCode = CURRENCY_FLAG_CODE[currency.abbr];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2.5",
+		children: [/* @__PURE__ */ jsx(CurrencyFlag, { countryCode }), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: currency.abbr
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground",
+			children: [" - ", currency.name]
+		})] })]
+	});
+}
+/**
+* A currency select component with search functionality and flag display.
+* Country flags are automatically displayed based on the currency abbreviation
+* using the built-in CURRENCY_FLAG_CODE mapping.
+*
+* @example
+* ```tsx
+* const currencies = [
+*   { id: "1", abbr: "USD", name: "United States dollar", value: "USD" },
+*   { id: "2", abbr: "EUR", name: "Euro", value: "EUR" },
+*   { id: "3", abbr: "GBP", name: "British Pound", value: "GBP" },
+* ];
+*
+* <CurrencySelectField
+*   currencies={currencies}
+*   value={selectedCurrency}
+*   onValueChange={setSelectedCurrency}
+*   placeholder="Select currency"
+* />
+* ```
+*/
+function CurrencySelectField({ currencies, value, onValueChange, placeholder = "Select currency", disabled, readOnly, invalid, name, inputRef, triggerClassName, className, isLoading, contentProps }) {
+	return /* @__PURE__ */ jsxs(Combobox, {
+		items: currencies,
+		value,
+		onValueChange,
+		disabled,
+		readOnly,
+		name,
+		inputRef,
+		isLoading,
+		isItemEqualToValue: (item, val) => item.id ? item.id === val.id : item.abbr ? item.abbr === val.abbr : item.value === val.value,
+		itemToStringLabel: (item) => `${item.abbr} - ${item.name}`,
+		children: [/* @__PURE__ */ jsx(ComboboxInput, {
+			placeholder,
+			"aria-invalid": invalid || void 0,
+			className: cn(className, triggerClassName),
+			children: value ? /* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "inline-start",
+				children: /* @__PURE__ */ jsx(CurrencyFlag, {
+					countryCode: CURRENCY_FLAG_CODE[value.abbr],
+					className: "w-fit"
+				})
+			}) : null
+		}), /* @__PURE__ */ jsxs(ComboboxContent, {
+			...contentProps,
+			children: [/* @__PURE__ */ jsx(ComboboxStatus, { empty: "No currencies found" }), /* @__PURE__ */ jsx(ComboboxList, { children: (currency) => /* @__PURE__ */ jsx(ComboboxItem, {
+				value: currency,
+				children: /* @__PURE__ */ jsx(CurrencyOptionContent, { currency })
+			}, currency.id) })]
+		})]
+	});
+}
+
+//#endregion
+export { CURRENCY_FLAG_CODE, CurrencySelectField };
+//# sourceMappingURL=currency-select-field.js.map

package/dist/components/currency-select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-select-field.js","names":["CURRENCY_FLAG_CODE: Record<string, string>"],"sources":["../../src/components/currency-select-field.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactCountryFlag from \"react-country-flag\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxStatus,\n} from \"@px-ui/ui/components/combobox\";\nimport { InputGroupAddon } from \"@px-ui/ui/components/input-group\";\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/**\n * Mapping of currency abbreviations to country codes for flag display.\n * Used internally by CurrencySelectField to display country flags.\n */\nexport const CURRENCY_FLAG_CODE: Record<string, string> = {\n  USD: \"US\",\n  CAD: \"CA\",\n  EUR: \"EU\",\n  GBP: \"GB\",\n  INR: \"IN\",\n  AFN: \"AF\",\n  ALL: \"AL\",\n  ANG: \"MY\",\n  ARS: \"AR\",\n  AUD: \"AU\",\n  AZN: \"AZ\",\n  BBD: \"BB\",\n  BGN: \"BG\",\n  BMD: \"BM\",\n  BOB: \"BO\",\n  BRL: \"BR\",\n  BSD: \"BS\",\n  BWP: \"BW\",\n  BYN: \"BY\",\n  CHF: \"CH\",\n  CLP: \"CL\",\n  COP: \"CO\",\n  CRC: \"CR\",\n  CUP: \"CU\",\n  CZK: \"CZ\",\n  DKK: \"DK\",\n  DOP: \"DO\",\n  EGP: \"EG\",\n  FJD: \"FJ\",\n  GGP: \"GG\",\n  GHS: \"US\",\n  GIP: \"GI\",\n  GTQ: \"GT\",\n  GYD: \"GY\",\n  HKD: \"HK\",\n  HNL: \"HN\",\n  HRK: \"HR\",\n  HUF: \"HU\",\n  ILS: \"IL\",\n  IMP: \"IM\",\n  IRR: \"IR\",\n  ISK: \"IS\",\n  JEP: \"JE\",\n  JMD: \"JM\",\n  JPY: \"JP\",\n  KHR: \"KM\",\n  KPW: \"KP\",\n  KRW: \"KR\",\n  KYD: \"KY\",\n  LAK: \"LA\",\n  LBP: \"LB\",\n  LKR: \"LK\",\n  LRD: \"LR\",\n  MKD: \"MK\",\n  MNT: \"MN\",\n  MXN: \"MX\",\n  MYR: \"MY\",\n  MZN: \"MZ\",\n  NGN: \"NG\",\n  NIO: \"NI\",\n  NOK: \"NO\",\n  NPR: \"NP\",\n  NZD: \"NZ\",\n  PAB: \"PA\",\n  PEN: \"PE\",\n  PHP: \"PH\",\n  PKR: \"PK\",\n  PLN: \"PL\",\n  PYG: \"PY\",\n  QAR: \"QA\",\n  RON: \"RO\",\n  RSD: \"RS\",\n  RUB: \"RU\",\n  SAR: \"SA\",\n  SBD: \"SB\",\n  SCR: \"SC\",\n  SEK: \"SE\",\n  SGD: \"SG\",\n  SHP: \"SH\",\n  SOS: \"SO\",\n  SRD: \"SR\",\n  SVC: \"SV\",\n  THB: \"TH\",\n  TRY: \"TR\",\n  TVD: \"TV\",\n  TWD: \"TW\",\n  UAH: \"UA\",\n  UYU: \"UY\",\n  UZS: \"UZ\",\n  VEF: \"VE\",\n  VND: \"VN\",\n  XCD: \"EC\",\n  YEN: \"YE\",\n  YER: \"YE\",\n  ZAR: \"ZA\",\n  ZWD: \"ZW\",\n  AED: \"AE\",\n  AMD: \"AD\",\n  BDT: \"BD\",\n  BTN: \"BT\",\n  AOA: \"AO\",\n  AWG: \"AW\",\n  BAM: \"BA\",\n  BHD: \"BH\",\n  BIF: \"BI\",\n  BND: \"BN\",\n  BZD: \"BZ\",\n  CNY: \"CN\",\n  CVE: \"CV\",\n  DJF: \"DJ\",\n  DZD: \"DZ\",\n  ETB: \"ET\",\n  FKP: \"FK\",\n  GEL: \"GE\",\n  GMD: \"GM\",\n  GNF: \"GN\",\n  HTG: \"HT\",\n  IDR: \"ID\",\n  IQD: \"IQ\",\n  JOD: \"JO\",\n  KES: \"KE\",\n  KGS: \"KG\",\n  KMF: \"KM\",\n  KWD: \"KW\",\n  MWK: \"MW\",\n  ZMW: \"ZM\",\n  LSL: \"LS\",\n  LYD: \"LY\",\n  MAD: \"MA\",\n  MDL: \"MD\",\n  MGA: \"MG\",\n  MMK: \"MM\",\n  KZT: \"KZ\",\n  MOP: \"MO\",\n  MRU: \"MR\",\n  MUR: \"MU\",\n  MVR: \"MV\",\n  NAD: \"NA\",\n  OMR: \"OM\",\n  PGK: \"PG\",\n  RWF: \"RW\",\n  SDG: \"SD\",\n  SLL: \"SL\",\n  STD: \"ST\",\n  SYP: \"SY\",\n  SZL: \"SZ\",\n  TJS: \"TJ\",\n  TMT: \"TM\",\n  TND: \"TN\",\n  TOP: \"TO\",\n  TTD: \"TT\",\n  TZS: \"TZ\",\n  UGX: \"UG\",\n  VES: \"VE\",\n  VUV: \"VU\",\n  WST: \"WS\",\n  XAF: \"CF\",\n  XOF: \"NG\",\n  XPF: \"CF\",\n};\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Currency type representing a currency option\n */\nexport interface Currency {\n  /** Unique identifier for the currency */\n  id: string;\n  /** Full currency name (e.g., \"United States dollar\") */\n  name: string;\n  /** Currency abbreviation (e.g., \"USD\", \"EUR\") */\n  abbr: string;\n  /** Currency value/code used for form submission */\n  value: string;\n}\n\nexport interface CurrencySelectFieldProps {\n  /**\n   * Array of currency options to display\n   */\n  currencies: ReadonlyArray<Currency>;\n\n  /** The selected currency. Use for a controlled field. */\n  value?: Currency | null;\n\n  /** Called when the selected currency changes. */\n  onValueChange?: (value: Currency | null, eventDetails: unknown) => void;\n\n  /** Whether the field is disabled. */\n  disabled?: boolean;\n\n  /** Whether the field is read only. */\n  readOnly?: boolean;\n\n  /** Applies error styling to the trigger input. */\n  invalid?: boolean;\n\n  /** Name used for form submission. */\n  name?: string;\n\n  /** Ref forwarded to the underlying input element. */\n  inputRef?: React.Ref<HTMLInputElement>;\n\n  /**\n   * Placeholder text when no currency is selected\n   * @default \"Select currency\"\n   */\n  placeholder?: string;\n\n  /**\n   * Additional className for the trigger input\n   */\n  triggerClassName?: string;\n\n  /**\n   * Additional className for the trigger input (alias of `triggerClassName`)\n   */\n  className?: string;\n\n  /**\n   * Accepted for API compatibility with the legacy field. Static currency\n   * lists render immediately, so this currently has no effect.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Additional props forwarded to the dropdown content.\n   */\n  contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, \"children\">;\n}\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\ninterface CurrencyFlagProps {\n  countryCode: string | null | undefined;\n  className?: string;\n}\n\nfunction CurrencyFlag({ countryCode, className }: CurrencyFlagProps) {\n  if (!countryCode) {\n    return <span className={cn(\"inline-block w-4\", className)} />;\n  }\n\n  return (\n    <div\n      className={cn(\"relative -top-px flex shrink-0 items-center\", className)}\n    >\n      <ReactCountryFlag\n        countryCode={countryCode}\n        svg\n        style={{\n          width: \"14px\",\n          height: \"14px\",\n        }}\n        aria-label={`Flag of ${countryCode}`}\n      />\n    </div>\n  );\n}\n\ninterface CurrencyOptionContentProps {\n  currency: Currency;\n}\n\nfunction CurrencyOptionContent({ currency }: CurrencyOptionContentProps) {\n  const countryCode = CURRENCY_FLAG_CODE[currency.abbr];\n\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <CurrencyFlag countryCode={countryCode} />\n      <span>\n        <span className=\"text-foreground font-medium\">{currency.abbr}</span>\n        <span className=\"text-muted-foreground\"> - {currency.name}</span>\n      </span>\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * A currency select component with search functionality and flag display.\n * Country flags are automatically displayed based on the currency abbreviation\n * using the built-in CURRENCY_FLAG_CODE mapping.\n *\n * @example\n * ```tsx\n * const currencies = [\n *   { id: \"1\", abbr: \"USD\", name: \"United States dollar\", value: \"USD\" },\n *   { id: \"2\", abbr: \"EUR\", name: \"Euro\", value: \"EUR\" },\n *   { id: \"3\", abbr: \"GBP\", name: \"British Pound\", value: \"GBP\" },\n * ];\n *\n * <CurrencySelectField\n *   currencies={currencies}\n *   value={selectedCurrency}\n *   onValueChange={setSelectedCurrency}\n *   placeholder=\"Select currency\"\n * />\n * ```\n */\nexport function CurrencySelectField({\n  currencies,\n  value,\n  onValueChange,\n  placeholder = \"Select currency\",\n  disabled,\n  readOnly,\n  invalid,\n  name,\n  inputRef,\n  triggerClassName,\n  className,\n  isLoading,\n  contentProps,\n}: CurrencySelectFieldProps) {\n  return (\n    <Combobox<Currency, false>\n      items={currencies as Currency[]}\n      value={value}\n      onValueChange={onValueChange}\n      disabled={disabled}\n      readOnly={readOnly}\n      name={name}\n      inputRef={inputRef}\n      isLoading={isLoading}\n      isItemEqualToValue={(item, val) =>\n        item.id\n          ? item.id === val.id\n          : item.abbr\n            ? item.abbr === val.abbr\n            : item.value === val.value\n      }\n      itemToStringLabel={(item) => `${item.abbr} - ${item.name}`}\n    >\n      <ComboboxInput\n        placeholder={placeholder}\n        aria-invalid={invalid || undefined}\n        className={cn(className, triggerClassName)}\n      >\n        {value ? (\n          <InputGroupAddon align=\"inline-start\">\n            <CurrencyFlag\n              countryCode={CURRENCY_FLAG_CODE[value.abbr]}\n              className=\"w-fit\"\n            />\n          </InputGroupAddon>\n        ) : null}\n      </ComboboxInput>\n\n      <ComboboxContent {...contentProps}>\n        <ComboboxStatus empty=\"No currencies found\" />\n        <ComboboxList>\n          {(currency: Currency) => (\n            <ComboboxItem key={currency.id} value={currency}>\n              <CurrencyOptionContent currency={currency} />\n            </ComboboxItem>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,MAAaA,qBAA6C;CACxD,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAoFD,SAAS,aAAa,EAAE,aAAa,aAAgC;AACnE,KAAI,CAAC,YACH,QAAO,oBAAC,UAAK,WAAW,GAAG,oBAAoB,UAAU,GAAI;AAG/D,QACE,oBAAC;EACC,WAAW,GAAG,+CAA+C,UAAU;YAEvE,oBAAC;GACc;GACb;GACA,OAAO;IACL,OAAO;IACP,QAAQ;IACT;GACD,cAAY,WAAW;IACvB;GACE;;AAQV,SAAS,sBAAsB,EAAE,YAAwC;CACvE,MAAM,cAAc,mBAAmB,SAAS;AAEhD,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC,gBAA0B,cAAe,EAC1C,qBAAC,qBACC,oBAAC;GAAK,WAAU;aAA+B,SAAS;IAAY,EACpE,qBAAC;GAAK,WAAU;cAAwB,OAAI,SAAS;IAAY,IAC5D;GACH;;;;;;;;;;;;;;;;;;;;;;;AA6BV,SAAgB,oBAAoB,EAClC,YACA,OACA,eACA,cAAc,mBACd,UACA,UACA,SACA,MACA,UACA,kBACA,WACA,WACA,gBAC2B;AAC3B,QACE,qBAAC;EACC,OAAO;EACA;EACQ;EACL;EACA;EACJ;EACI;EACC;EACX,qBAAqB,MAAM,QACzB,KAAK,KACD,KAAK,OAAO,IAAI,KAChB,KAAK,OACH,KAAK,SAAS,IAAI,OAClB,KAAK,UAAU,IAAI;EAE3B,oBAAoB,SAAS,GAAG,KAAK,KAAK,KAAK,KAAK;aAEpD,oBAAC;GACc;GACb,gBAAc,WAAW;GACzB,WAAW,GAAG,WAAW,iBAAiB;aAEzC,QACC,oBAAC;IAAgB,OAAM;cACrB,oBAAC;KACC,aAAa,mBAAmB,MAAM;KACtC,WAAU;MACV;KACc,GAChB;IACU,EAEhB,qBAAC;GAAgB,GAAI;cACnB,oBAAC,kBAAe,OAAM,wBAAwB,EAC9C,oBAAC,2BACG,aACA,oBAAC;IAA+B,OAAO;cACrC,oBAAC,yBAAgC,WAAY;MAD5B,SAAS,GAEb,GAEJ;IACC;GACT"}

package/dist/components/dialog.d.ts

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+
+//#region src/components/dialog.d.ts
+declare function Dialog({
+  ...props
+}: Dialog$1.Root.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: Dialog$1.Trigger.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: Dialog$1.Portal.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogClose({
+  ...props
+}: Dialog$1.Close.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: Dialog$1.Backdrop.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: Dialog$1.Popup.Props & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime149.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime149.JSX.Element;
+declare function DialogFooter({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime149.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: Dialog$1.Title.Props): react_jsx_runtime149.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: Dialog$1.Description.Props): react_jsx_runtime149.JSX.Element;
+/**
+ * Creates a handle that links a `Dialog` to one or more `DialogTrigger`s via
+ * their `handle` prop. Use it for detached triggers (a trigger rendered outside
+ * `Dialog`) and to reuse a single dialog from multiple triggers. The handle also
+ * exposes imperative `open(triggerId)`, `openWithPayload(payload)`, `close()`,
+ * and `isOpen`. Create it once, outside render.
+ */
+declare const createDialogHandle: typeof Dialog$1.createHandle;
+type DialogHandle<Payload = unknown> = Dialog$1.Handle<Payload>;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, type DialogHandle, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, createDialogHandle };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/components/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;GAAqB,QAAA,CAAgB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAU/C,aAAA;;GAA4B,QAAA,CAAgB,OAAA,CAAQ,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIzD,YAAA;;GAA2B,QAAA,CAAgB,MAAA,CAAO,QAAK,oBAAA,CAAA,GAAA,CAAA;AApBE,iBAwBzD,WAAA,CAlBqB;EAAA,GAAA;AAA0B,CAAL,EAkBhB,QAAA,CAAgB,KAAA,CAAM,KAlBD,CAAA,EAkBM,oBAAA,CAAA,GAAA,CAAA,OAlBN;AAAA,iBAsB/C,aAAA,CAZa;EAAe,SAAgB;EAAA,GAAA;AAAa,CAAL,EAe1D,QAAA,CAAgB,QAAA,CAAS,KAfsC,CAAA,EAejC,oBAAA,CAAA,GAAA,CAAA,OAfiC;AAAA,iBA4BzD,aAAA,CAxBY;EAAe,SAAgB;EAAA,QAAO;EAAA,eAAK;EAAA,GAAA;AAIF,CAJE,EA6B7D,QAAA,CAAgB,KAAA,CAAM,KA7BuC,GAAA;EAIvD,eAAW,CAAA,EAAA,OAAA;AAA0C,CAAA,CAAA,EA2B7D,oBAAA,CAAA,GAAA,CAAA,OAvBqB;iBAwDb,YAAA,CAvDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuD6C,OAAA,CAAM,cAvDnD,CAAA,KAAA,CAAA,CAAA,EAuDwE,oBAAA,CAAA,GAAA,CAAA,OAvDxE;iBAiEO,YAAA,CA/DmB;EAAA,SAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAoEzB,OAAA,CAAM,cApEmB,CAAA,KAAA,CAAA,GAAA;EAAK,eAAA,CAAA,EAAA,OAAA;CAAA,CAAA,EAsEhC,oBAAA,CAAA,GAAA,CAAA,OAtEgC;AAAA,iBA0FxB,WAAA,CA7Ea;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6EwB,QAAA,CAAgB,KAAA,CAAM,KA7E9C,CAAA,EA6EmD,oBAAA,CAAA,GAAA,CAAA,OA7EnD;iBAuFb,iBAAA,CAtFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyFC,QAAA,CAAgB,WAAA,CAAY,KAzF7B,CAAA,EAyFkC,oBAAA,CAAA,GAAA,CAAA,OAzFlC;;;;;;AAMD;;cAuGK,kBAtE+C,EAAA,OAsE7B,QAAA,CAAA,YAtE6B;KAwEhD,YAxEqE,CAAA,UAAA,OAAA,CAAA,GAwEnC,QAAA,CAAgB,MAxEmB,CAwEZ,OAxEY,CAAA"}

package/dist/components/dialog.js

@@ -0,0 +1,5 @@
+import "../utils-mWJR2N24.js";
+import "../button-hBUFMmsZ.js";
+import { a as DialogFooter, c as DialogPortal, d as createDialogHandle, i as DialogDescription, l as DialogTitle, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogOverlay, t as Dialog, u as DialogTrigger } from "../dialog-CTqRrytc.js";
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, createDialogHandle };

package/dist/components/direction.d.ts

@@ -0,0 +1,2 @@
+import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
+export { DirectionProvider, useDirection };

package/dist/components/direction.js

@@ -0,0 +1,3 @@
+import { n as useDirection, t as DirectionProvider } from "../direction-BKSh6e6q.js";
+
+export { DirectionProvider, useDirection };

package/dist/components/drawer.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
+
+//#region src/components/drawer.d.ts
+declare function Drawer({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime162.JSX.Element;
+declare function DrawerTrigger({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime162.JSX.Element;
+declare function DrawerPortal({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime162.JSX.Element;
+declare function DrawerClose({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime162.JSX.Element;
+declare function DrawerOverlay({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Backdrop>): react_jsx_runtime162.JSX.Element;
+declare function DrawerContent({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Popup>): react_jsx_runtime162.JSX.Element;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime162.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime162.JSX.Element;
+declare function DrawerTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime162.JSX.Element;
+declare function DrawerDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime162.JSX.Element;
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/components/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,UAAO,oBAAA,CAAA,GAAA,CAAA;AAlBW,iBAsBxD,WAAA,CAlBM;EAAA,GAAA;AAAA,CAAA,EAoBZ,OAAA,CAAM,cApBM,CAAA,OAoBgB,QAAA,CAAgB,KApBhC,CAAA,CAAA,EAoBsC,oBAAA,CAAA,GAAA,CAAA,OApBtC;iBAwBN,aAAA,CAtBsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB5C,OAAA,CAAM,cAzBsC,CAAA,OAyBhB,QAAA,CAAgB,QAzBA,CAAA,CAAA,EAyBS,oBAAA,CAAA,GAAA,CAAA,OAzBT;iBAsCtC,aAAA,CAtCA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0CN,OAAA,CAAM,cA1CA,CAAA,OA0CsB,QAAA,CAAgB,KA1CtC,CAAA,CAAA,EA0C4C,oBAAA,CAAA,GAAA,CAAA,OA1C5C;iBA2EA,YAAA,CA3E2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2EL,OAAA,CAAM,cA3ED,CAAA,KAAA,CAAA,CAAA,EA2EsB,oBAAA,CAAA,GAAA,CAAA,OA3EtB;iBAwF3C,YAAA,CAxF2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFL,OAAA,CAAM,cAxFD,CAAA,KAAA,CAAA,CAAA,EAwFsB,oBAAA,CAAA,GAAA,CAAA,OAxFtB;AAAA,iBAkG3C,WAAA,CA9Fa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiGnB,OAAA,CAAM,cAjGa,CAAA,OAiGS,QAAA,CAAgB,KAjGzB,CAAA,CAAA,EAiG+B,oBAAA,CAAA,GAAA,CAAA,OAjG/B;iBA2Gb,iBAAA,CAzGsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4G5C,OAAA,CAAM,cA5GsC,CAAA,OA4GhB,QAAA,CAAgB,WA5GA,CAAA,CAAA,EA4GY,oBAAA,CAAA,GAAA,CAAA,OA5GZ"}

package/dist/components/drawer.js

@@ -0,0 +1,86 @@
+"use client";
+
+import { t as cn } from "../utils-mWJR2N24.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
+
+//#region src/components/drawer.tsx
+function Drawer({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Backdrop, {
+		"data-slot": "drawer-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/10 transition-opacity duration-300 supports-backdrop-filter:backdrop-blur-xs data-ending-style:opacity-0 data-starting-style:opacity-0 data-swiping:duration-0", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
+			"data-slot": "drawer-viewport",
+			className: "fixed inset-0 z-50",
+			children: /* @__PURE__ */ jsxs(Drawer$1.Popup, {
+				"data-slot": "drawer-content",
+				className: cn("group/drawer-content fixed z-50 flex h-auto flex-col overflow-y-auto overscroll-contain bg-popover text-sm text-popover-foreground outline-none", "[transform:translate(var(--drawer-swipe-movement-x,0px),var(--drawer-swipe-movement-y,0px))] transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)] data-swiping:duration-0", "data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=down]:data-starting-style:[transform:translateY(100%)] data-[swipe-direction=down]:data-ending-style:[transform:translateY(100%)]", "data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b data-[swipe-direction=up]:data-starting-style:[transform:translateY(-100%)] data-[swipe-direction=up]:data-ending-style:[transform:translateY(-100%)]", "data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=left]:ppx-sm:max-w-sm data-[swipe-direction=left]:data-starting-style:[transform:translateX(-100%)] data-[swipe-direction=left]:data-ending-style:[transform:translateX(-100%)]", "data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=right]:ppx-sm:max-w-sm data-[swipe-direction=right]:data-starting-style:[transform:translateX(100%)] data-[swipe-direction=right]:data-ending-style:[transform:translateX(100%)]", className),
+				...props,
+				children: [/* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[swipe-direction=down]/drawer-content:block" }), children]
+			})
+		})]
+	});
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[swipe-direction=down]/drawer-content:text-center group-data-[swipe-direction=up]/drawer-content:text-center ppx-md:gap-1.5 ppx-md:text-start", className),
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		"data-slot": "drawer-title",
+		className: cn("font-heading text-lg font-medium text-foreground", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../../src/components/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"@base-ui/react/drawer\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Backdrop>) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 transition-opacity duration-300 supports-backdrop-filter:backdrop-blur-xs data-ending-style:opacity-0 data-starting-style:opacity-0 data-swiping:duration-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Popup>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Viewport\n        data-slot=\"drawer-viewport\"\n        className=\"fixed inset-0 z-50\"\n      >\n        <DrawerPrimitive.Popup\n          data-slot=\"drawer-content\"\n          className={cn(\n            \"group/drawer-content fixed z-50 flex h-auto flex-col overflow-y-auto overscroll-contain bg-popover text-sm text-popover-foreground outline-none\",\n            \"[transform:translate(var(--drawer-swipe-movement-x,0px),var(--drawer-swipe-movement-y,0px))] transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)] data-swiping:duration-0\",\n            // bottom (swipeDirection=\"down\", default)\n            \"data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=down]:data-starting-style:[transform:translateY(100%)] data-[swipe-direction=down]:data-ending-style:[transform:translateY(100%)]\",\n            // top (swipeDirection=\"up\")\n            \"data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b data-[swipe-direction=up]:data-starting-style:[transform:translateY(-100%)] data-[swipe-direction=up]:data-ending-style:[transform:translateY(-100%)]\",\n            // left (swipeDirection=\"left\")\n            \"data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=left]:ppx-sm:max-w-sm data-[swipe-direction=left]:data-starting-style:[transform:translateX(-100%)] data-[swipe-direction=left]:data-ending-style:[transform:translateX(-100%)]\",\n            // right (swipeDirection=\"right\")\n            \"data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=right]:ppx-sm:max-w-sm data-[swipe-direction=right]:data-starting-style:[transform:translateX(100%)] data-[swipe-direction=right]:data-ending-style:[transform:translateX(100%)]\",\n            className\n          )}\n          {...props}\n        >\n          <div className=\"mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[swipe-direction=down]/drawer-content:block\" />\n          {children}\n        </DrawerPrimitive.Popup>\n      </DrawerPrimitive.Viewport>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[swipe-direction=down]/drawer-content:text-center group-data-[swipe-direction=up]/drawer-content:text-center ppx-md:gap-1.5 ppx-md:text-start\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"font-heading text-lg font-medium text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAACA,SAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAACA,SAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAACA,SAAgB;EAAO,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAACA,SAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACqD;AACxD,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACkD;AACrD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,oBAACA,SAAgB;GACf,aAAU;GACV,WAAU;aAEV,qBAACA,SAAgB;IACf,aAAU;IACV,WAAW,GACT,mJACA,6LAEA,+XAEA,8WAEA,kYAEA,yYACA,UACD;IACD,GAAI;eAEJ,oBAAC,SAAI,WAAU,8HAA8H,EAC5I;KACqB;IACC;GACd;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sLACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GAAG,oDAAoD,UAAU;EAC5E,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,2 @@
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-tIPvwiCD.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/dropdown-menu.js

@@ -0,0 +1,4 @@
+import "../utils-mWJR2N24.js";
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-CcumvwhM.js";
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/empty.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime172 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
+
+//#region src/components/empty.d.ts
+declare function Empty({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime172.JSX.Element;
+declare function EmptyHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime172.JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
+declare function EmptyMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime172.JSX.Element;
+declare function EmptyTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime172.JSX.Element;
+declare function EmptyDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime172.JSX.Element;
+declare function EmptyContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime172.JSX.Element;
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../src/components/empty.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;GAA+B,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAa1D,WAAA;;;GAAqC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;cAUnE,0BAvBQ;;AAJmD,CAAA,GAwChE,+BAAA,CAAA,SApCa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAsCL,UAAA,CAtCQ;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA0Cd,KAAA,CAAM,cA1CQ,CAAA,KAAA,CAAA,GA0CgB,YA1ChB,CAAA,OA0CoC,kBA1CpC,CAAA,CAAA,EA0CuD,oBAAA,CAAA,GAAA,CAAA,OA1CvD;iBAqDR,UAAA,CArDqC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqDD,KAAA,CAAM,cArDL,CAAA,KAAA,CAAA,CAAA,EAqD0B,oBAAA,CAAA,GAAA,CAAA,OArD1B;iBAkErC,gBAAA,CAlE0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkEhB,KAAA,CAAM,cAlEU,CAAA,GAAA,CAAA,CAAA,EAkES,oBAAA,CAAA,GAAA,CAAA,OAlET;iBA+E1D,YAAA,CA/E0D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EpB,KAAA,CAAM,cA/Ec,CAAA,KAAA,CAAA,CAAA,EA+EO,oBAAA,CAAA,GAAA,CAAA,OA/EP"}

package/dist/components/empty.js

@@ -0,0 +1,62 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/empty.tsx
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("font-heading text-lg font-medium tracking-ppx-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+		...props
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.js.map