@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/browser/ui/stepper.js

@@ -0,0 +1,185 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/stack.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var vStackVariants = cva("flex flex-col", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "stretch",
+    justify: "start"
+  }
+});
+var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(vStackVariants({ gap, align, justify }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+VStack.displayName = "VStack";
+var hStackVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "start",
+    wrap: "wrap"
+  }
+});
+var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(hStackVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+HStack.displayName = "HStack";
+var boxVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "center",
+    wrap: "nowrap"
+  }
+});
+var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(boxVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Box.displayName = "Box";
+// ui/stepper.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var dotVariants = cva2("h-2 w-2 rounded-full", {
+  variants: {
+    state: {
+      active: "bg-primary",
+      inactive: "bg-muted-foreground/20"
+    },
+    size: {
+      sm: "",
+      md: "h-2.5 w-2.5"
+    }
+  },
+  defaultVariants: {
+    state: "inactive",
+    size: "md"
+  }
+});
+function Stepper({ current, total, size, className }) {
+  const items = Array.from({ length: Math.max(0, total) });
+  return /* @__PURE__ */ jsxDEV2(HStack, {
+    className: cn2("items-center gap-2", className),
+    children: items.map((_, idx) => /* @__PURE__ */ jsxDEV2("span", {
+      className: cn2(dotVariants({
+        state: idx + 1 === current ? "active" : "inactive",
+        size
+      }))
+    }, idx, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+export {
+  Stepper
+};

package/dist/browser/ui/switch.js

@@ -0,0 +1,31 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/switch.tsx
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Switch({
+  className,
+  thumbClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SwitchPrimitive.Root, {
+    "data-slot": "switch",
+    className: cn("peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(SwitchPrimitive.Thumb, {
+      "data-slot": "switch-thumb",
+      className: cn("bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-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", thumbClassName)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  Switch
+};

package/dist/browser/ui/table.js

@@ -0,0 +1,106 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/table.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto",
+    children: /* @__PURE__ */ jsxDEV("table", {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("thead", {
+    "data-slot": "table-header",
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("tbody", {
+    "data-slot": "table-body",
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("tfoot", {
+    "data-slot": "table-footer",
+    className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("tr", {
+    "data-slot": "table-row",
+    className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("th", {
+    "data-slot": "table-head",
+    className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("td", {
+    "data-slot": "table-cell",
+    className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("caption", {
+    "data-slot": "table-caption",
+    className: cn("text-muted-foreground mt-4 text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  TableRow,
+  TableHeader,
+  TableHead,
+  TableFooter,
+  TableCell,
+  TableCaption,
+  TableBody,
+  Table
+};

package/dist/browser/ui/tabs.js

@@ -0,0 +1,59 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TabsPrimitive.Root, {
+    "data-slot": "tabs",
+    className: cn("flex flex-col gap-2", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TabsPrimitive.List, {
+    "data-slot": "tabs-list",
+    className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TabsPrimitive.Trigger, {
+    "data-slot": "tabs-trigger",
+    className: cn("text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-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-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TabsPrimitive.Content, {
+    "data-slot": "tabs-content",
+    className: cn("flex-1 outline-hidden", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  TabsTrigger,
+  TabsList,
+  TabsContent,
+  Tabs
+};

package/dist/browser/ui/text.js

@@ -0,0 +1,22 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/text.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Text({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Text
+};

package/dist/browser/ui/textarea.js

@@ -0,0 +1,21 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/textarea.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("textarea", {
+    "data-slot": "textarea",
+    className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 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-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Textarea
+};

package/dist/browser/ui/time-picker.js

@@ -0,0 +1,186 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("inline-flex items-center justify-center 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-4 shrink-0 [&_svg]:shrink-0 outline-hidden 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-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      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"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsxDEV(Slot, {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("button", {
+    ref,
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Button.displayName = "Button";
+// ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV2(PopoverPrimitive.Content, {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn2("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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(PopoverPrimitive.Anchor, {
+    "data-slot": "popover-anchor",
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/time-picker.tsx
+import * as React2 from "react";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+"use client";
+function formatTime(d, is24Hour) {
+  if (!d)
+    return "";
+  return d.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !is24Hour
+  });
+}
+function TimePicker({
+  value,
+  onChange,
+  disabled,
+  placeholder = "Select time",
+  is24Hour = true,
+  className
+}) {
+  const [open, setOpen] = React2.useState(false);
+  const [hours, setHours] = React2.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
+  const [minutes, setMinutes] = React2.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
+  const commit = (h, m) => {
+    const base = value ?? new Date;
+    const next = new Date(base);
+    next.setHours(h, m, 0, 0);
+    onChange(next);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxDEV3(Popover, {
+    open,
+    onOpenChange: setOpen,
+    children: [
+      /* @__PURE__ */ jsxDEV3(PopoverTrigger, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV3(Button, {
+          type: "button",
+          variant: "outline",
+          disabled,
+          className: cn3("w-full justify-start text-left font-normal", className),
+          children: value ? formatTime(value, is24Hour) : /* @__PURE__ */ jsxDEV3("span", {
+            className: "opacity-50",
+            children: placeholder
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(PopoverContent, {
+        className: "w-56",
+        align: "start",
+        children: /* @__PURE__ */ jsxDEV3("div", {
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsxDEV3("input", {
+              type: "number",
+              min: 0,
+              max: is24Hour ? 23 : 12,
+              value: hours,
+              onChange: (e) => setHours(e.target.value),
+              className: "border-input bg-background w-16 rounded-md border px-2 py-1 text-center"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("span", {
+              children: ":"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("input", {
+              type: "number",
+              min: 0,
+              max: 59,
+              value: minutes,
+              onChange: (e) => setMinutes(e.target.value),
+              className: "border-input bg-background w-16 rounded-md border px-2 py-1 text-center"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Button, {
+              type: "button",
+              onClick: () => commit(Number(hours || 0), Number(minutes || 0)),
+              className: "ml-auto",
+              children: "Set"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  TimePicker
+};