@alexgorbatchev/shadcn 0.0.49 → 0.0.50

package/dist/chunk-sp4g23m0.js

@@ -1,60 +0,0 @@
-import {
-  cn2
-} from "./chunk-en44w1pn.js";
-import {
-  useAnalyticsCallback
-} from "./chunk-5mydsjp3.js";
-
-// src/components/NativeSelect.tsx
-import { ChevronDownIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NativeSelect2({
-  analytics,
-  density,
-  className,
-  dir,
-  size = "default",
-  ...props
-}) {
-  const trackedOnChange = useAnalyticsCallback("NativeSelect", analytics, { name: "ui.change-request" }, props.onChange);
-  return /* @__PURE__ */ jsxs("div", {
-    dir,
-    className: cn2("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
-    "data-density": density,
-    "data-slot": "native-select-wrapper",
-    "data-size": size,
-    children: [
-      /* @__PURE__ */ jsx("select", {
-        dir,
-        "data-slot": "native-select",
-        "data-size": size,
-        className: "h-control w-full min-w-0 appearance-none rounded-sm border border-input bg-secondary py-0 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-[size=sm]:h-control-sm data-[size=sm]:rounded-sm",
-        ...props,
-        onChange: trackedOnChange
-      }),
-      /* @__PURE__ */ jsx(ChevronDownIcon, {
-        className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
-        "aria-hidden": "true",
-        "data-slot": "native-select-icon"
-      })
-    ]
-  });
-}
-function NativeSelectOption2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx("option", {
-    "data-density": density,
-    "data-slot": "native-select-option",
-    className: cn2("bg-[Canvas] text-[CanvasText]", className),
-    ...props
-  });
-}
-function NativeSelectOptGroup2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx("optgroup", {
-    "data-density": density,
-    "data-slot": "native-select-optgroup",
-    className: cn2("bg-[Canvas] text-[CanvasText]", className),
-    ...props
-  });
-}
-
-export { NativeSelect2, NativeSelectOption2, NativeSelectOptGroup2 };

package/dist/components/NativeSelect.d.ts

@@ -1,12 +0,0 @@
-import type { IAnalyticsProps } from "../analytics/types.js";
-import type { IDensityProps } from "../density/types.js";
-import type { ComponentProps, ReactElement } from "react";
-type NativeSelectProps = Omit<ComponentProps<"select">, "size"> & {
-    size?: "sm" | "default";
-};
-declare function NativeSelect({ analytics, density, className, dir, size, ...props }: NativeSelectProps & IDensityProps & IAnalyticsProps): ReactElement;
-type NativeSelectOptionProps = ComponentProps<"option"> & IDensityProps;
-declare function NativeSelectOption({ density, className, ...props }: NativeSelectOptionProps): ReactElement;
-type NativeSelectOptGroupProps = ComponentProps<"optgroup"> & IDensityProps;
-declare function NativeSelectOptGroup({ density, className, ...props }: NativeSelectOptGroupProps): ReactElement;
-export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/llms/components/forms/NativeSelect.md

@@ -1,136 +0,0 @@
-# NativeSelect
-
-Story: @alexgorbatchev/shadcn/components/forms/NativeSelect
-Source: src/components/stories/forms/NativeSelect.stories.tsx
-
-[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/forms/NativeSelect.stories.tsx)
-
-## Public imports
-
-```tsx
-import { NativeSelect, NativeSelectOption, NativeSelectOptGroup, Button, Field, FieldGroup, FieldLabel, FieldError } from "@alexgorbatchev/shadcn";
-```
-
-## Default component
-
-```tsx
-NativeSelect
-```
-
-## Story controls
-
-```tsx
-{ size: { control: "select", options: ["default", "sm"] } }
-```
-
-## Default args
-
-```tsx
-{ "aria-label": "Runtime", defaultValue: "bun", onChange: fn() }
-```
-
-## Default render
-
-```tsx
-(args) => (<NativeSelect {...args}>
-      <NativeSelectOptGroup label="JavaScript">
-        <NativeSelectOption value="bun">Bun</NativeSelectOption>
-        <NativeSelectOption value="node">Node</NativeSelectOption>
-        <NativeSelectOption value="deno" disabled>
-          Deno
-        </NativeSelectOption>
-      </NativeSelectOptGroup>
-    </NativeSelect>)
-```
-
-## Examples
-
-Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
-
-### Default
-
-```tsx
-{}
-```
-
-### Small
-
-```tsx
-{
-    args: { size: "sm" }
-}
-```
-
-### Compact
-
-```tsx
-{
-    args: { density: "compact" }
-}
-```
-
-### CompactSmall
-
-```tsx
-{
-    args: { density: "compact", size: "sm" }
-}
-```
-
-### Disabled
-
-```tsx
-{
-    args: { disabled: true }
-}
-```
-
-### Invalid
-
-```tsx
-{
-    render: (args) => (<Field data-invalid>
-      <FieldLabel htmlFor="invalid-runtime">Runtime</FieldLabel>
-      <NativeSelect {...args} id="invalid-runtime" aria-invalid="true" aria-describedby="runtime-error">
-        <NativeSelectOption value="bun">Bun</NativeSelectOption>
-        <NativeSelectOption value="node">Node</NativeSelectOption>
-      </NativeSelect>
-      <FieldError id="runtime-error">Choose a supported runtime.</FieldError>
-    </Field>)
-}
-```
-
-### RightToLeft
-
-```tsx
-{
-    args: { dir: "rtl" }
-}
-```
-
-### NativeForm
-
-```tsx
-{
-    render: (args) => (<form onSubmit={(event) => {
-            event.preventDefault();
-            onSubmit(new FormData(event.currentTarget).get("runtime"));
-        }}>
-      <FieldGroup>
-        <Field>
-          <FieldLabel htmlFor="form-runtime">Runtime</FieldLabel>
-          <NativeSelect {...args} id="form-runtime" name="runtime">
-            <NativeSelectOption value="bun">Bun</NativeSelectOption>
-            <NativeSelectOption value="node">Node</NativeSelectOption>
-          </NativeSelect>
-        </Field>
-        <Field orientation="horizontal">
-          <Button type="submit">Save runtime</Button>
-          <Button type="reset" variant="outline">
-            Reset runtime
-          </Button>
-        </Field>
-      </FieldGroup>
-    </form>)
-}
-```