@wrdagency/blockout 0.1.3 → 0.1.5

package/dist/components/controls/textarea-control/index.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { noop as e } from "../../../utils/noop.js";
 import { BaseControl as p } from "../base-control/index.js";
 import { useBaseControlProps as m } from "../base-control/props.js";
-import '../../../assets/index7.css';const x = (n) => {
+import '../../../assets/index8.css';const x = (n) => {
   const { baseProps: t, controlProps: a } = m(n, {
     className: "component-textarea-control"
   }), {

package/dist/components/controls/toggle-control/index.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { noop as l } from "../../../utils/noop.js";
 import { useRef as d } from "react";
-import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index8.css';/* empty css                      */
+import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index9.css';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import { VisuallyHidden as g } from "../../../primitives/visually-hidden/index.js";

package/dist/components/controls/toggle-group-control/index.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { noop as s } from "../../../utils/noop.js";
 import { useMemo as b } from "react";
-import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index9.css';/* empty css                      */
+import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index10.css';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import { VisuallyHidden as N } from "../../../primitives/visually-hidden/index.js";

package/dist/components/data-table/index.js

@@ -3,7 +3,7 @@ import { cn as c } from "../../utils/css.js";
 import { createDataTable as m, dataTableContext as p } from "./context.js";
 import { Footer as b } from "./footer.js";
 import { Th as _ } from "./header.js";
-import '../../assets/index14.css';const h = [
+import '../../assets/index15.css';const h = [
   {
     id: "123213213",
     title: "Complete my Tasks",

package/dist/components/filesystem/index.js

@@ -3,7 +3,7 @@ import { Folder as r } from "./folder.js";
 import { Icon as m } from "./icon.js";
 import { List as t } from "./list.js";
 import { Root as i } from "./root.js";
-import '../../assets/index10.css';const l = Object.assign(i, {
+import '../../assets/index11.css';const l = Object.assign(i, {
   List: t,
   File: o,
   Folder: r,

package/dist/components/index.js

@@ -2,49 +2,53 @@ import { Editor as t } from "./block-editor/editor.js";
 import { Breadcrumbs as p } from "./breadcrumbs/index.js";
 import { Button as f } from "./button/index.js";
 import { BaseControl as a } from "./controls/base-control/index.js";
-import { CheckboxControl as C } from "./controls/checkbox-control/index.js";
-import { ChoiceControl as T } from "./controls/choice-control/index.js";
-import { NumberControl as c } from "./controls/number-control/index.js";
-import { PasswordControl as g } from "./controls/password-control/index.js";
-import { RecurrenceControl as d } from "./controls/recurrence-control/index.js";
+import { CardNumberControl as C } from "./controls/card-number-control/index.js";
+import { CheckboxControl as b } from "./controls/checkbox-control/index.js";
+import { ChoiceControl as c } from "./controls/choice-control/index.js";
+import { DateControl as g } from "./controls/date-control/index.js";
+import { NumberControl as d } from "./controls/number-control/index.js";
+import { PasswordControl as D } from "./controls/password-control/index.js";
+import { RecurrenceControl as h } from "./controls/recurrence-control/index.js";
 import '../assets/style.css';/* empty css                */
-import { SelectControl as F } from "./controls/select-control/component.js";
-import { o as D } from "../options-Cfoqhxw2.js";
-import { TextControl as P } from "./controls/text-control/index.js";
-import { TextareaControl as w } from "./controls/textarea-control/index.js";
-import { ToggleControl as G } from "./controls/toggle-control/index.js";
-import { ToggleGroupControl as N } from "./controls/toggle-group-control/index.js";
-import { DataTable as R, ExampleDataTable as S } from "./data-table/index.js";
-import { Filesystem as q } from "./filesystem/index.js";
-import { Form as z } from "./form/components/index.js";
-import { createForm as H } from "./form/types/form.js";
-import { Menu as J } from "./menu/index.js";
-import { Progress as L } from "./progress/index.js";
-import { Tabs as U } from "./tabs/index.js";
-import { Toolbar as W } from "./toolbar/index.js";
+import { SelectControl as N } from "./controls/select-control/component.js";
+import { o as k } from "../options-Cfoqhxw2.js";
+import { TextControl as y } from "./controls/text-control/index.js";
+import { TextareaControl as M } from "./controls/textarea-control/index.js";
+import { ToggleControl as R } from "./controls/toggle-control/index.js";
+import { ToggleGroupControl as j } from "./controls/toggle-group-control/index.js";
+import { DataTable as v, ExampleDataTable as z } from "./data-table/index.js";
+import { Filesystem as H } from "./filesystem/index.js";
+import { Form as J } from "./form/components/index.js";
+import { createForm as L } from "./form/types/form.js";
+import { Menu as U } from "./menu/index.js";
+import { Progress as W } from "./progress/index.js";
+import { Tabs as Y } from "./tabs/index.js";
+import { Toolbar as _ } from "./toolbar/index.js";
 export {
   a as BaseControl,
   p as Breadcrumbs,
   f as Button,
-  C as CheckboxControl,
-  T as ChoiceControl,
-  R as DataTable,
+  C as CardNumberControl,
+  b as CheckboxControl,
+  c as ChoiceControl,
+  v as DataTable,
+  g as DateControl,
   t as Editor,
-  S as ExampleDataTable,
-  q as Filesystem,
-  z as Form,
-  J as Menu,
-  c as NumberControl,
-  D as Options,
-  g as PasswordControl,
-  L as Progress,
-  d as RecurrenceControl,
-  F as SelectControl,
-  U as Tabs,
-  P as TextControl,
-  w as TextareaControl,
-  G as ToggleControl,
-  N as ToggleGroupControl,
-  W as Toolbar,
-  H as createForm
+  z as ExampleDataTable,
+  H as Filesystem,
+  J as Form,
+  U as Menu,
+  d as NumberControl,
+  k as Options,
+  D as PasswordControl,
+  W as Progress,
+  h as RecurrenceControl,
+  N as SelectControl,
+  Y as Tabs,
+  y as TextControl,
+  M as TextareaControl,
+  R as ToggleControl,
+  j as ToggleGroupControl,
+  _ as Toolbar,
+  L as createForm
 };

package/dist/components/menu/index.js

@@ -6,7 +6,7 @@ import { u as I } from "../../MTZPJQMC-DyCWBG18.js";
 import { a as P } from "../../YV4JVR4I-kvospPUa.js";
 import { a as _, _ as x, i as O, s as j, m as L, o as f, n as T, v as U, b as B, a1 as D, r as q, f as y, q as k } from "../../LMDWO4NN--KEvZePp.js";
 import { useMemo as w, useState as Z } from "react";
-import '../../assets/index17.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
+import '../../assets/index18.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
   top: `rotate(180 ${s} ${s})`,
   right: `rotate(-90 ${s} ${s})`,
   bottom: `rotate(0 ${s} ${s})`,

package/dist/components/progress/index.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
 import "react";
-import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/index11.css';/* empty css                   */
+import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/index12.css';/* empty css                   */
 /* empty css                   */
 /* empty css                   */
 import { VisuallyHidden as d } from "../../primitives/visually-hidden/index.js";

package/dist/components/toolbar/index.js

@@ -3,7 +3,7 @@ import { Button as c } from "../button/index.js";
 import { u, R as i } from "../../root-CaKPdqzv.js";
 import { u as l } from "../../6VRAQV3D-2rb_aClP.js";
 import { r as p, f as b, a as f, q as _, _ as I, o as T } from "../../LMDWO4NN--KEvZePp.js";
-import '../../assets/index12.css';var v = "button", R = f(
+import '../../assets/index13.css';var v = "button", R = f(
   function(t) {
     var o = t, { store: e } = o, r = I(o, ["store"]);
     const m = u();

package/dist/hooks/index.d.ts

@@ -1 +1,2 @@
+export { useSplitInput } from './input';
 export { useTheme } from './theme';

package/dist/hooks/index.js

@@ -1,4 +1,6 @@
-import { useTheme as o } from "./theme.js";
+import { useSplitInput as p } from "./input.js";
+import { useTheme as t } from "./theme.js";
 export {
-  o as useTheme
+  p as useSplitInput,
+  t as useTheme
 };

package/dist/hooks/input.d.ts

@@ -0,0 +1,10 @@
+import { RefCallback } from 'react';
+type RegisterFn = (index: number) => {
+    ref: RefCallback<HTMLInputElement>;
+};
+export declare function useSplitInput(): {
+    register: RegisterFn;
+    next: () => void;
+    back: () => void;
+};
+export {};

package/dist/hooks/input.js

@@ -0,0 +1,25 @@
+import { useRef as g } from "react";
+function h() {
+  const r = g([]), s = () => document.activeElement ? r.current.findIndex(
+    (e) => e === document.activeElement
+  ) : -1, c = () => {
+    const e = s(), t = Math.min(e + 1, r.current.length - 1), n = r.current[t];
+    n && t !== e && (n.focus(), n.setSelectionRange(0, 0));
+  }, o = () => {
+    const e = s(), t = Math.max(e - 1, 0), n = r.current[t];
+    n && t !== e && (n.focus(), n.setSelectionRange(
+      n.value.length,
+      n.value.length
+    ));
+  }, u = (e) => {
+    const t = e.currentTarget, n = t.value.length === 0 && e.key === "Backspace", i = t.selectionStart === 0 && e.key === "ArrowLeft", l = t.selectionEnd === t.value.length && e.key === "ArrowRight", a = t.selectionEnd === t.value.length && t.maxLength === t.value.length && e.key.length === 1;
+    n || i ? (o(), e.preventDefault()) : l ? (c(), e.preventDefault()) : a && c();
+  };
+  return { register: (e) => ({
+    ref: (t) => r.current[e] = t,
+    onKeyDown: u
+  }), next: c, back: o };
+}
+export {
+  h as useSplitInput
+};

package/dist/index.js

@@ -2,61 +2,67 @@ import { Editor as t } from "./components/block-editor/editor.js";
 import { Breadcrumbs as p } from "./components/breadcrumbs/index.js";
 import { Button as f } from "./components/button/index.js";
 import { BaseControl as a } from "./components/controls/base-control/index.js";
-import { CheckboxControl as s } from "./components/controls/checkbox-control/index.js";
+import { CardNumberControl as C } from "./components/controls/card-number-control/index.js";
+import { CheckboxControl as u } from "./components/controls/checkbox-control/index.js";
 import { ChoiceControl as T } from "./components/controls/choice-control/index.js";
-import { NumberControl as c } from "./components/controls/number-control/index.js";
-import { PasswordControl as i } from "./components/controls/password-control/index.js";
-import { RecurrenceControl as d } from "./components/controls/recurrence-control/index.js";
+import { DateControl as i } from "./components/controls/date-control/index.js";
+import { NumberControl as d } from "./components/controls/number-control/index.js";
+import { PasswordControl as h } from "./components/controls/password-control/index.js";
+import { RecurrenceControl as F } from "./components/controls/recurrence-control/index.js";
 import './assets/style.css';import './assets/index.css';/* empty css               */
-import { SelectControl as B } from "./components/controls/select-control/component.js";
-import { o as F } from "./options-Cfoqhxw2.js";
-import { TextControl as E } from "./components/controls/text-control/index.js";
-import { TextareaControl as R } from "./components/controls/textarea-control/index.js";
-import { ToggleControl as k } from "./components/controls/toggle-control/index.js";
-import { ToggleGroupControl as z } from "./components/controls/toggle-group-control/index.js";
-import { DataTable as G, ExampleDataTable as H } from "./components/data-table/index.js";
-import { Filesystem as N } from "./components/filesystem/index.js";
-import { Form as V } from "./components/form/components/index.js";
-import { createForm as q } from "./components/form/types/form.js";
-import { Menu as I } from "./components/menu/index.js";
-import { Progress as K } from "./components/progress/index.js";
-import { Tabs as Q } from "./components/tabs/index.js";
-import { Toolbar as W } from "./components/toolbar/index.js";
-import { useTheme as Y } from "./hooks/theme.js";
-import { Draggable as _ } from "./primitives/draggable/index.js";
-import { Resizable as oo } from "./primitives/resizable/index.js";
-import { ScrollArea as eo } from "./primitives/scroll-area/index.js";
-import { Truncate as mo } from "./primitives/truncate/index.js";
-import { VisuallyHidden as xo } from "./primitives/visually-hidden/index.js";
+import { SelectControl as y } from "./components/controls/select-control/component.js";
+import { o as N } from "./options-Cfoqhxw2.js";
+import { TextControl as R } from "./components/controls/text-control/index.js";
+import { TextareaControl as w } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as A } from "./components/controls/toggle-control/index.js";
+import { ToggleGroupControl as H } from "./components/controls/toggle-group-control/index.js";
+import { DataTable as M, ExampleDataTable as O } from "./components/data-table/index.js";
+import { Filesystem as j } from "./components/filesystem/index.js";
+import { Form as v } from "./components/form/components/index.js";
+import { createForm as K } from "./components/form/types/form.js";
+import { Menu as Q } from "./components/menu/index.js";
+import { Progress as W } from "./components/progress/index.js";
+import { Tabs as Y } from "./components/tabs/index.js";
+import { Toolbar as _ } from "./components/toolbar/index.js";
+import { useSplitInput as oo } from "./hooks/input.js";
+import { useTheme as eo } from "./hooks/theme.js";
+import { Draggable as mo } from "./primitives/draggable/index.js";
+import { Resizable as xo } from "./primitives/resizable/index.js";
+import { ScrollArea as lo } from "./primitives/scroll-area/index.js";
+import { Truncate as no } from "./primitives/truncate/index.js";
+import { VisuallyHidden as so } from "./primitives/visually-hidden/index.js";
 export {
   a as BaseControl,
   p as Breadcrumbs,
   f as Button,
-  s as CheckboxControl,
+  C as CardNumberControl,
+  u as CheckboxControl,
   T as ChoiceControl,
-  G as DataTable,
-  _ as Draggable,
+  M as DataTable,
+  i as DateControl,
+  mo as Draggable,
   t as Editor,
-  H as ExampleDataTable,
-  N as Filesystem,
-  V as Form,
-  I as Menu,
-  c as NumberControl,
-  F as Options,
-  i as PasswordControl,
-  K as Progress,
-  d as RecurrenceControl,
-  oo as Resizable,
-  eo as ScrollArea,
-  B as SelectControl,
-  Q as Tabs,
-  E as TextControl,
-  R as TextareaControl,
-  k as ToggleControl,
-  z as ToggleGroupControl,
-  W as Toolbar,
-  mo as Truncate,
-  xo as VisuallyHidden,
-  q as createForm,
-  Y as useTheme
+  O as ExampleDataTable,
+  j as Filesystem,
+  v as Form,
+  Q as Menu,
+  d as NumberControl,
+  N as Options,
+  h as PasswordControl,
+  W as Progress,
+  F as RecurrenceControl,
+  xo as Resizable,
+  lo as ScrollArea,
+  y as SelectControl,
+  Y as Tabs,
+  R as TextControl,
+  w as TextareaControl,
+  A as ToggleControl,
+  H as ToggleGroupControl,
+  _ as Toolbar,
+  no as Truncate,
+  so as VisuallyHidden,
+  K as createForm,
+  oo as useSplitInput,
+  eo as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "0.1.3",
+	"version": "0.1.5",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",
@@ -59,6 +59,7 @@
 		"@phosphor-icons/react": "^2.1.8",
 		"@radix-ui/react-scroll-area": "^1.2.9",
 		"@uidotdev/usehooks": "^2.4.1",
+		"credit-card-type": "^10.1.0",
 		"match-sorter": "^8.0.1",
 		"object-hash": "^3.0.0",
 		"rrule": "^2.8.1",