@hyebin4334/admin-ui 0.1.0 → 0.2.0

package/dist/examples/index.cjs

@@ -0,0 +1,1257 @@
+'use strict';
+
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+require('react');
+var LabelPrimitive = require('@radix-ui/react-label');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var SelectPrimitive = require('@radix-ui/react-select');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+
+// src/components/badge.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center border w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        primary: "border-transparent bg-primary-800 text-white",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        error: "border-transparent bg-red-50 text-red-500",
+        warning: "border-transparent bg-warning-badgeDark text-warning-badgeLight",
+        info: "border border-info-dark bg-info-light text-info-dark",
+        "status-waiting": "border-transparent bg-[#D1D9E8] text-[#262626]",
+        "status-progress": "border-transparent bg-[#F4F6FA] text-[#404040]",
+        "status-complete": "border-transparent bg-[#434E70] text-white",
+        "status-failed": "border-transparent bg-[#FFEBEB] text-[#ED1515]",
+        "status-deleted": "border-transparent bg-[#ED1515] text-[#FFEBEB]"
+      },
+      size: {
+        xs: "text-xs py-0.5 px-1",
+        sm: "text-xs py-1 px-2",
+        md: "text-xs py-1.5 px-2.5",
+        lg: "text-sm py-2 px-3"
+      },
+      fontWeight: {
+        regular: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      },
+      rounded: {
+        full: "rounded-full",
+        lg: "rounded-lg",
+        md: "rounded-md",
+        sm: "rounded-sm",
+        xs: "rounded-xs",
+        none: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm",
+      fontWeight: "medium",
+      rounded: "full"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  size,
+  fontWeight,
+  rounded,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(
+        badgeVariants({ variant, size, fontWeight, rounded }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center cursor-pointer gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-3 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 disabled:bg-neutral-200/30 disabled:border-neutral-200 disabled:text-neutral-300 disabled:opacity-100",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-6 shrink-0 rounded-[2px] border-[1.5px] shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        CheckboxPrimitive__namespace.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" })
+        }
+      )
+    }
+  );
+}
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = classVarianceAuthority.cva(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  isRequired,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label,
+    {
+      "data-required": isRequired,
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit text-base leading-4 font-normal",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        "data-[required=true]:after:text-destructive data-[required=true]:after:text-sm data-[required=true]:after:leading-4 data-[required=true]:after:font-light data-[required=true]:after:content-['*']",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-primary-400 text-xs leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function normalizeInputValue(value) {
+  return value === null ? "" : value;
+}
+function Input({ className, type, value, defaultValue, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      value: normalizeInputValue(value),
+      defaultValue: normalizeInputValue(defaultValue),
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[#e5e5e5] disabled:bg-[#f5f5f5] disabled:text-[#d4d4d4] disabled:opacity-100 disabled:placeholder:text-[#d4d4d4] md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("flex w-full justify-end", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "default" : "outline",
+          size
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("gap-1 border px-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { size: 20 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden", children: "Next" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-white px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:border-[#e5e5e5] disabled:bg-[#f5f5f5] disabled:text-[#d4d4d4] disabled:opacity-100 data-[disabled]:cursor-not-allowed data-[disabled]:border-[#e5e5e5] data-[disabled]:bg-[#f5f5f5] data-[disabled]:text-[#d4d4d4] data-[disabled]:opacity-100 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 disabled:[&_*]:!text-[#d4d4d4] data-[disabled]:[&_*]:!text-[#d4d4d4] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SelectPrimitive__namespace.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-t [&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-13 bg-[#fcfcfc] px-2 text-left align-middle font-medium whitespace-nowrap text-[#404040] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "bg-white p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function FilledTabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-primary-100 text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FilledTabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-primary-800 data-[state=active]:text-primary-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+var MOCK_PRODUCTS = [
+  {
+    id: "1",
+    code: "P001",
+    name: "\uBCA0\uC774\uC9C1 \uD2F0\uC154\uCE20",
+    category: "\uC758\uB958",
+    price: 29e3,
+    stock: 120,
+    status: "selling"
+  },
+  {
+    id: "2",
+    code: "P002",
+    name: "\uB370\uC77C\uB9AC \uCCAD\uBC14\uC9C0",
+    category: "\uC758\uB958",
+    price: 49e3,
+    stock: 85,
+    status: "selling"
+  },
+  {
+    id: "3",
+    code: "P003",
+    name: "\uB7EC\uB2DD \uC2A4\uB2C8\uCEE4\uC988",
+    category: "\uC2E0\uBC1C",
+    price: 89e3,
+    stock: 0,
+    status: "soldout"
+  },
+  {
+    id: "4",
+    code: "P004",
+    name: "\uAC00\uC8FD \uC9C0\uAC11",
+    category: "\uC561\uC138\uC11C\uB9AC",
+    price: 39e3,
+    stock: 42,
+    status: "selling"
+  },
+  {
+    id: "5",
+    code: "P005",
+    name: "\uCE94\uBC84\uC2A4 \uBC31\uD329",
+    category: "\uAC00\uBC29",
+    price: 59e3,
+    stock: 18,
+    status: "selling"
+  },
+  {
+    id: "6",
+    code: "P006",
+    name: "\uC6B8 \uBA38\uD50C\uB7EC",
+    category: "\uC561\uC138\uC11C\uB9AC",
+    price: 32e3,
+    stock: 0,
+    status: "soldout"
+  },
+  {
+    id: "7",
+    code: "P007",
+    name: "\uCF54\uD2BC \uC591\uB9D0 \uC138\uD2B8",
+    category: "\uC758\uB958",
+    price: 12e3,
+    stock: 240,
+    status: "selling"
+  },
+  {
+    id: "8",
+    code: "P008",
+    name: "\uC120\uAE00\uB77C\uC2A4",
+    category: "\uC561\uC138\uC11C\uB9AC",
+    price: 75e3,
+    stock: 8,
+    status: "hidden"
+  }
+];
+var STATUS_LABEL = {
+  selling: "\uD310\uB9E4\uC911",
+  soldout: "\uD488\uC808",
+  hidden: "\uC228\uAE40"
+};
+var STATUS_VARIANT = {
+  selling: "default",
+  soldout: "destructive",
+  hidden: "secondary"
+};
+function formatPrice(price) {
+  return `\u20A9${price.toLocaleString("ko-KR")}`;
+}
+function ProductListPage() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: "\uC0C1\uD488 \uAD00\uB9AC" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "+ \uC0C1\uD488 \uB4F1\uB85D" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "all", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(FilledTabsList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FilledTabsTrigger, { value: "all", children: "\uC804\uCCB4 (245)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(FilledTabsTrigger, { value: "selling", children: "\uD310\uB9E4\uC911 (198)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(FilledTabsTrigger, { value: "soldout", children: "\uD488\uC808 (32)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(FilledTabsTrigger, { value: "hidden", children: "\uC228\uAE40 (15)" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "all", className: "pt-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-5 md:grid-cols-3 md:gap-x-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Select, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "\uC804\uCCB4" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "all", children: "\uC804\uCCB4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "clothes", children: "\uC758\uB958" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "shoes", children: "\uC2E0\uBC1C" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "accessory", children: "\uC561\uC138\uC11C\uB9AC" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "bag", children: "\uAC00\uBC29" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { children: "\uC0C1\uD0DC" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Select, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "\uC804\uCCB4" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "all", children: "\uC804\uCCB4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "selling", children: "\uD310\uB9E4\uC911" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "soldout", children: "\uD488\uC808" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "hidden", children: "\uC228\uAE40" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { children: "\uD0A4\uC6CC\uB4DC" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "\uC0C1\uD488\uBA85 \uB610\uB294 \uCF54\uB4DC" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id: "include-soldout" }),
+              "\uD488\uC808 \uD3EC\uD568"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "\uCD08\uAE30\uD654" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "\uD544\uD130 \uC801\uC6A9" })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC0C1\uD488\uCF54\uB4DC" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC0C1\uD488\uBA85" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "text-right", children: "\uAC00\uACA9" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "text-right", children: "\uC7AC\uACE0" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC0C1\uD0DC" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-32 text-right", children: "\uC561\uC158" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: MOCK_PRODUCTS.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-medium", children: p.code }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: p.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: p.category }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-right", children: formatPrice(p.price) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-right", children: p.stock }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: STATUS_VARIANT[p.status], children: STATUS_LABEL[p.status] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: "\uD3B8\uC9D1" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: "\uC0AD\uC81C" })
+            ] }) })
+          ] }, p.id)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Pagination, { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsxs(PaginationContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationPrevious, { href: "#" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", isActive: true, children: "1" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", children: "2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", children: "3" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationNext, { href: "#" }) })
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+var buttonGroupVariants = classVarianceAuthority.cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+function normalizeTextareaValue(value) {
+  return value === null ? "" : value;
+}
+function Textarea({ className, value, defaultValue, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      value: normalizeTextareaValue(value),
+      defaultValue: normalizeTextareaValue(defaultValue),
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:border-[#e5e5e5] disabled:bg-[#f5f5f5] disabled:text-[#d4d4d4] disabled:opacity-100 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ProductCreatePage() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: "\uC0C1\uD488 \uB4F1\uB85D" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "\uCDE8\uC18C" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "\uC784\uC2DC\uC800\uC7A5" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "\uC800\uC7A5" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "\uAE30\uBCF8 \uC815\uBCF4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "\uC0C1\uD488\uC758 \uAE30\uBCF8 \uC815\uBCF4\uB97C \uC785\uB825\uD558\uC138\uC694." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(FieldGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "product-name", children: "\uC0C1\uD488\uBA85" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "product-name", placeholder: "\uC608) \uBCA0\uC774\uC9C1 \uD2F0\uC154\uCE20" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "product-category", children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Select, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id: "product-category", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "\uCE74\uD14C\uACE0\uB9AC \uC120\uD0DD" }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "clothes", children: "\uC758\uB958" }),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "shoes", children: "\uC2E0\uBC1C" }),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "accessory", children: "\uC561\uC138\uC11C\uB9AC" }),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "bag", children: "\uAC00\uBC29" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "product-code", children: "\uC0C1\uD488\uCF54\uB4DC" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "product-code", placeholder: "\uC790\uB3D9 \uC0DD\uC131\uB428" }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldDescription, { children: "\uBE44\uC6CC\uB450\uBA74 \uC790\uB3D9 \uBC1C\uAE09\uB429\uB2C8\uB2E4." })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "\uAC00\uACA9" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "\uD310\uB9E4\uAC00, \uD560\uC778\uAC00 \uB4F1 \uAC00\uACA9 \uC815\uBCF4." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "price-original", children: "\uC815\uAC00" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "price-original", type: "number", placeholder: "0" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "price-selling", children: "\uD310\uB9E4\uAC00" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "price-selling", type: "number", placeholder: "0" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "price-discount", children: "\uD560\uC778\uAC00" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "price-discount", type: "number", placeholder: "0" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "\uC7AC\uACE0" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(FieldGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "stock-quantity", children: "\uC7AC\uACE0 \uC218\uB7C9" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "stock-quantity", type: "number", placeholder: "0" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "stock-safety", children: "\uC548\uC804 \uC7AC\uACE0" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Input, { id: "stock-safety", type: "number", placeholder: "0" }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldDescription, { children: "\uC548\uC804 \uC7AC\uACE0 \uC774\uD558\uC77C \uB54C \uC54C\uB9BC \uBC1C\uC1A1" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Switch, { id: "auto-soldout", defaultChecked: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "auto-soldout", children: "\uC7AC\uACE0 0\uC77C \uB54C \uC790\uB3D9 \uD488\uC808 \uCC98\uB9AC" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "\uC124\uBA85" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: "\uC0C1\uD488 \uC0C1\uC138 \uD398\uC774\uC9C0\uC5D0 \uD45C\uC2DC\uB420 \uC124\uBA85." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "description", children: "\uC0C1\uD488 \uC124\uBA85" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea,
+          {
+            id: "description",
+            placeholder: "\uC0C1\uD488\uC5D0 \uB300\uD55C \uC0C1\uC138 \uC124\uBA85\uC744 \uC785\uB825\uD558\uC138\uC694",
+            rows: 6
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "\uCDE8\uC18C" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: "\uC784\uC2DC\uC800\uC7A5" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "\uC800\uC7A5" })
+    ] }) })
+  ] });
+}
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var MOCK_USERS = [
+  {
+    id: "1",
+    code: "U0001",
+    name: "\uAE40\uCCA0\uC218",
+    email: "chulsoo.kim@example.com",
+    joinedAt: "2026-01-15",
+    status: "active"
+  },
+  {
+    id: "2",
+    code: "U0002",
+    name: "\uC774\uC601\uD76C",
+    email: "younghee.lee@example.com",
+    joinedAt: "2026-02-03",
+    status: "active"
+  },
+  {
+    id: "3",
+    code: "U0003",
+    name: "\uBC15\uBBFC\uC218",
+    email: "minsoo.park@example.com",
+    joinedAt: "2026-02-18",
+    status: "dormant"
+  },
+  {
+    id: "4",
+    code: "U0004",
+    name: "\uCD5C\uC9C0\uC601",
+    email: "jiyoung.choi@example.com",
+    joinedAt: "2026-03-07",
+    status: "active"
+  },
+  {
+    id: "5",
+    code: "U0005",
+    name: "\uC815\uC720\uC9C4",
+    email: "yujin.jung@example.com",
+    joinedAt: "2026-03-22",
+    status: "blocked"
+  },
+  {
+    id: "6",
+    code: "U0006",
+    name: "\uAC15\uD638\uB3D9",
+    email: "hodong.kang@example.com",
+    joinedAt: "2026-04-10",
+    status: "active"
+  },
+  {
+    id: "7",
+    code: "U0007",
+    name: "\uC724\uC11C\uC5F0",
+    email: "seoyeon.yoon@example.com",
+    joinedAt: "2026-04-28",
+    status: "active"
+  },
+  {
+    id: "8",
+    code: "U0008",
+    name: "\uC784\uB3C4\uD604",
+    email: "dohyun.lim@example.com",
+    joinedAt: "2026-05-05",
+    status: "dormant"
+  }
+];
+var STATUS_LABEL2 = {
+  active: "\uD65C\uC131",
+  dormant: "\uD734\uBA74",
+  blocked: "\uCC28\uB2E8"
+};
+var STATUS_VARIANT2 = {
+  active: "default",
+  dormant: "secondary",
+  blocked: "destructive"
+};
+function getInitials(name) {
+  return name.slice(0, 2);
+}
+function UserListPage() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: "\uD68C\uC6D0 \uAD00\uB9AC" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "+ \uD68C\uC6D0 \uB4F1\uB85D" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Select, { defaultValue: "name", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-full md:w-[160px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "\uAC80\uC0C9 \uAE30\uC900" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "name", children: "\uC774\uB984" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "email", children: "\uC774\uBA54\uC77C" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "code", children: "\uD68C\uC6D0ID" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "\uAC80\uC0C9\uC5B4 \uC785\uB825", className: "flex-1 md:max-w-md" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { children: "\uAC80\uC0C9" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uD68C\uC6D0ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uD504\uB85C\uD544" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC774\uB984" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC774\uBA54\uC77C" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uAC00\uC785\uC77C" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "\uC0C1\uD0DC" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-32 text-right", children: "\uC561\uC158" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: MOCK_USERS.map((u) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-medium", children: u.code }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "size-8", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(u.name) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: u.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-muted-foreground", children: u.email }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: u.joinedAt }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: STATUS_VARIANT2[u.status], children: STATUS_LABEL2[u.status] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: "\uC0C1\uC138" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: "\uCC28\uB2E8" })
+        ] }) })
+      ] }, u.id)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Pagination, { children: /* @__PURE__ */ jsxRuntime.jsxs(PaginationContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationPrevious, { href: "#" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", isActive: true, children: "1" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", children: "2" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { href: "#", children: "3" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(PaginationNext, { href: "#" }) })
+    ] }) })
+  ] });
+}
+
+exports.ProductCreatePage = ProductCreatePage;
+exports.ProductListPage = ProductListPage;
+exports.UserListPage = UserListPage;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map