@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/checkbox.d.ts

@@ -1,15 +1,13 @@
-import * as React from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
-import { VariantProps } from 'class-variance-authority';
-export { CheckboxGroup } from '@base-ui/react/checkbox-group';
-
+import { VariantProps } from "class-variance-authority";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/checkbox.d.ts
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type CheckboxSize = NonNullable<VariantProps<typeof checkboxVariants>["size"]>;
 type CheckboxProps = Checkbox$1.Root.Props & {
-    size?: CheckboxSize;
+  size?: CheckboxSize;
 };
 /**
  * Compose with the shared field primitives for label and helper text.
@@ -68,6 +66,6 @@ type CheckboxProps = Checkbox$1.Root.Props & {
  * </FieldSet>
  * ```
  */
-declare function Checkbox({ className, size, ...props }: CheckboxProps): React.JSX.Element;
-
-export { Checkbox, checkboxVariants };
+declare function Checkbox({ className, size, ...props }: CheckboxProps): import("react").JSX.Element;
+//#endregion
+export { Checkbox, CheckboxGroup, checkboxVariants };

package/dist/checkbox.js

@@ -1,87 +1,87 @@
-// src/components/ui/checkbox.tsx
-import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-import { cva } from "class-variance-authority";
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
 import { CheckIcon } from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/checkbox.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var checkboxVariants = cva(
-  "peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]",
-  {
-    variants: {
-      size: {
-        sm: "size-4 [--checkbox-icon-size:0.625rem]",
-        md: "size-5 [--checkbox-icon-size:0.75rem]",
-        lg: "size-6 [--checkbox-icon-size:0.875rem]"
-      }
-    }
-  }
-);
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/checkbox.tsx
+const checkboxVariants = cva("peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]", { variants: { size: {
+	sm: "size-4 [--checkbox-icon-size:0.625rem]",
+	md: "size-5 [--checkbox-icon-size:0.75rem]",
+	lg: "size-6 [--checkbox-icon-size:0.875rem]"
+} } });
+/**
+* Compose with the shared field primitives for label and helper text.
+*
+* ```tsx
+* <Field orientation="horizontal" size="sm">
+*   <Checkbox id="terms" />
+*   <FieldContent>
+*     <FieldLabel htmlFor="terms">Checkbox label</FieldLabel>
+*     <FieldDescription>Helper description text.</FieldDescription>
+*   </FieldContent>
+* </Field>
+* ```
+*
+* Group multiple checkboxes with the field set primitives.
+*
+* ```tsx
+* <FieldSet>
+*   <FieldLegend variant="label">Show these items on the desktop:</FieldLegend>
+*   <FieldDescription>
+*     Select the items you want to show on the desktop.
+*   </FieldDescription>
+*   <FieldGroup className="gap-3">
+*     <Field orientation="horizontal">
+*       <Checkbox id="desktop-hard-disks" name="desktop-hard-disks" defaultChecked />
+*       <FieldLabel htmlFor="desktop-hard-disks" className="font-normal">
+*         Hard disks
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox
+*         id="desktop-external-disks"
+*         name="desktop-external-disks"
+*         defaultChecked
+*       />
+*       <FieldLabel htmlFor="desktop-external-disks" className="font-normal">
+*         External disks
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox id="desktop-cds-dvds-ipods" name="desktop-cds-dvds-ipods" />
+*       <FieldLabel htmlFor="desktop-cds-dvds-ipods" className="font-normal">
+*         CDs, DVDs, and iPods
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox
+*         id="desktop-connected-servers"
+*         name="desktop-connected-servers"
+*       />
+*       <FieldLabel htmlFor="desktop-connected-servers" className="font-normal">
+*         Connected servers
+*       </FieldLabel>
+*     </Field>
+*   </FieldGroup>
+* </FieldSet>
+* ```
+*/
 function Checkbox({ className, size, ...props }) {
-  const resolvedSize = useComponentSize(size);
-  return /* @__PURE__ */ jsx2(
-    CheckboxPrimitive.Root,
-    {
-      "data-slot": "checkbox",
-      "data-size": resolvedSize,
-      className: cn(checkboxVariants({ size: resolvedSize }), className),
-      ...props,
-      children: /* @__PURE__ */ jsx2(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)",
-          children: /* @__PURE__ */ jsx2(CheckIcon, {})
-        }
-      )
-    }
-  );
+	const resolvedSize = useComponentSize(size);
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		"data-slot": "checkbox",
+		"data-size": resolvedSize,
+		className: cn(checkboxVariants({ size: resolvedSize }), className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
 }
-export {
-  Checkbox,
-  CheckboxGroup,
-  checkboxVariants
-};
-//# sourceMappingURL=checkbox.js.map
+//#endregion
+export { Checkbox, CheckboxGroup, checkboxVariants };

package/dist/cn-BI_4DMBf.js

@@ -0,0 +1,23 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+const twMerge = extendTailwindMerge({ extend: { classGroups: { "font-size": [{ text: [
+	"gdt-display",
+	"gdt-h1",
+	"gdt-h2",
+	"gdt-h3",
+	"gdt-h4",
+	"gdt-h5",
+	"gdt-xl",
+	"gdt-lg",
+	"gdt-md",
+	"gdt-sm",
+	"gdt-xs",
+	"gdt-subtext",
+	"gdt-capitalized"
+] }] } } });
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn as t };

package/dist/collapsible.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
-
-declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): React.JSX.Element;
-declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): React.JSX.Element;
-declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): React.JSX.Element;
-
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+//#region src/collapsible.d.ts
+declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): import("react").JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): import("react").JSX.Element;
+declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): import("react").JSX.Element;
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/collapsible.js

@@ -1,82 +1,28 @@
-// src/components/ui/collapsible.tsx
-import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/collapsible.tsx
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx } from "react/jsx-runtime";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+//#region src/collapsible.tsx
 function Collapsible({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Root,
-    {
-      "data-slot": "collapsible",
-      className: cn("group/collapsible", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
+		"data-slot": "collapsible",
+		className: cn("group/collapsible", className),
+		...props
+	});
 }
-function CollapsibleTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Trigger,
-    {
-      "data-slot": "collapsible-trigger",
-      className: cn("group/collapsible-trigger", className),
-      ...props
-    }
-  );
+function CollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
+		"data-slot": "collapsible-trigger",
+		className: cn("group/collapsible-trigger", className),
+		...props
+	});
 }
-function CollapsibleContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Panel,
-    {
-      "data-slot": "collapsible-content",
-      className: cn(
-        "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden='until-found'])]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
+function CollapsibleContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
+		"data-slot": "collapsible-content",
+		className: cn("h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden='until-found'])]:hidden", className),
+		...props
+	});
 }
-export {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-};
-//# sourceMappingURL=collapsible.js.map
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/combobox.d.ts

@@ -1,16 +1,16 @@
-import { Combobox as Combobox$1 } from '@base-ui/react';
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react";
+//#region src/combobox.d.ts
 type ComboboxSize = ComponentSize;
 declare function Combobox<Value, Multiple extends boolean | undefined = false>({ multiple, children, size, ...props }: Combobox$1.Root.Props<Value, Multiple> & {
-    size?: ComboboxSize;
+  size?: ComboboxSize;
 }): React.JSX.Element;
 declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React.JSX.Element;
 declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React.JSX.Element;
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
+  showTrigger?: boolean;
+  showClear?: boolean;
 }): React.JSX.Element;
 declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
 declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): React.JSX.Element;
@@ -22,9 +22,9 @@ declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props):
 declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): React.JSX.Element;
 declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): React.JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
-    showRemove?: boolean;
+  showRemove?: boolean;
 }): React.JSX.Element;
 declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): React.JSX.Element;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, type ComboboxSize, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+//#endregion
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, type ComboboxSize, ComboboxTrigger, ComboboxValue, useComboboxAnchor };