fictoan-react 2.0.0-beta.17 → 2.0.0-beta.19

package/dist/index.d.ts

@@ -27,7 +27,9 @@ export { Tabs, type TabsProps } from './components/Tabs';
 export { ThemeProvider, type ThemeProviderProps, useTheme } from './components/ThemeProvider';
 export { ToastsProvider, useToasts, type ToastsProviderProps, type ToastFunction } from './components/Toast';
 export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { useViewTransition } from './hooks/UseViewTransition';
 export { Text, type TextProps, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, type HeadingProps, } from './components/Typography';
-export { BasicColours, FictoanColours, type ColourPropTypes, type EmphasisTypes, type SpacingTypes, type ShadowTypes, type ShapeTypes, type OpacityTypes, type WeightTypes, type ButtonVariantTypes, } from './components/Element/constants';
+export { BasicColours, FictoanColours, type ColourPropTypes, type EmphasisTypes, type SpacingTypes, type ShadowTypes, type ShapeTypes, type OpacityTypes, type WeightTypes, type ButtonVariantTypes, type CommonProps, type CommonAndHTMLProps, type FlexibleEventHandler, } from './components/Element/constants';
 export { oklchColourDefinitions, type ColourDefinition, type OklchColourName, } from './styles/colours';
+export { useClickOutside } from './hooks/UseClickOutside';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,wCAAwC,CAAC;AAGhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EACH,OAAO,EACP,KAAK,YAAY,EACjB,GAAG,EACH,OAAO,EACP,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,GAAG,EACH,OAAO,EACP,IAAI,EACJ,SAAS,GACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACH,IAAI,EACJ,KAAK,SAAS,EACd,QAAQ,EACR,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,kBAAkB,EACvB,UAAU,EACV,KAAK,eAAe,EACpB,QAAQ,EACR,KAAK,aAAa,EAClB,UAAU,EACV,KAAK,eAAe,EACpB,MAAM,EACN,KAAK,WAAW,EAChB,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,EACpB,WAAW,EACX,KAAK,gBAAgB,EACrB,QAAQ,EACR,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,eAAe,EACpB,MAAM,EACN,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,UAAU,EACf,aAAa,EACb,KAAK,kBAAkB,EACvB,aAAa,EACb,KAAK,kBAAkB,EACvB,OAAO,EACP,KAAK,YAAY,GACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACxB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACH,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,YAAY,GACpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEzG,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EACH,cAAc,EACd,KAAK,sBAAsB,EAC3B,cAAc,EACd,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,KAAK,yBAAyB,EAC9B,WAAW,EACX,KAAK,mBAAmB,EACxB,aAAa,EACb,KAAK,qBAAqB,GAC7B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACH,QAAQ,EACR,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,kBAAkB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE9F,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE7G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EACH,IAAI,EACJ,KAAK,SAAS,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,YAAY,GACpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACH,YAAY,EACZ,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,kBAAkB,GAC1B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACH,sBAAsB,EACtB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACvB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,157 +1,150 @@
 "use client";
-"use client;";
-import { E as s } from "./Accordion-CeGNgNW8.js";
-import { A as S, h as C, i as f, B as k, j as G, c as y, a as B, b as T, C as v, d as x, m as F, n as H, e as w, $ as I, g as P, f as R, D as j, o as N, F as O, p as A, q as D, r as M, H as L, ad as W, ae as q, af as z, ag as E, ah as U, ai as J, l as K, I as Q, s as V, L as X, M as Y, z as Z, G as _, N as $, J as aa, W as ea, Z as ra, O as oa, P as sa, Q as ha, U as ia, R as ua, t as ca, u as ta, v as ma, V as na, S as da, w as pa, a2 as la, a0 as ba, a1 as ga, _ as Sa, a3 as Ca, a4 as fa, k as ka, a5 as Ga, x as ya, y as Ba, a6 as Ta, a7 as va, aj as xa, T as Fa, a8 as Ha, aa as wa, ac as Ia, K as Pa, X as Ra, Y as ja, a9 as Na, ab as Oa } from "./Accordion-CeGNgNW8.js";
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import u from "react";
-const c = u.forwardRef(
-  ({
-    title: a,
-    children: e,
-    ...r
-  }, o) => /* @__PURE__ */ h(
-    s,
-    {
-      as: "nav",
-      "data-sidebar-items-group": !0,
-      ref: o,
-      ...r,
-      children: [
-        a && /* @__PURE__ */ i("p", { className: "group-title", children: a }),
-        e
-      ]
-    }
-  )
-);
-c.displayName = "SidebarItemsGroup";
-const t = {
-  // Reds & Pinks (0-30°)
-  pink: { hue: 0, chroma: 0.185 },
-  rose: { hue: 10, chroma: 0.175 },
-  crimson: { hue: 20, chroma: 0.195 },
-  red: { hue: 30, chroma: 0.234 },
-  // Oranges & Earth tones (40-70°)
-  salmon: { hue: 40, chroma: 0.165 },
-  sienna: { hue: 50, chroma: 0.095 },
-  orange: { hue: 60, chroma: 0.175 },
-  amber: { hue: 70, chroma: 0.164 },
-  // Yellows (80-100°)
-  gold: { hue: 80, chroma: 0.155 },
-  yellow: { hue: 90, chroma: 0.155 },
-  lime: { hue: 100, chroma: 0.145 },
-  // Greens (110-170°)
-  chartreuse: { hue: 110, chroma: 0.145 },
-  spring: { hue: 120, chroma: 0.14 },
-  pistachio: { hue: 130, chroma: 0.1 },
-  sage: { hue: 140, chroma: 0.09 },
-  green: { hue: 150, chroma: 0.145 },
-  emerald: { hue: 160, chroma: 0.155 },
-  jade: { hue: 170, chroma: 0.125 },
-  // Teals & Cyans (180-210°)
-  teal: { hue: 180, chroma: 0.115 },
-  cyan: { hue: 190, chroma: 0.135 },
-  aqua: { hue: 200, chroma: 0.125 },
-  azure: { hue: 210, chroma: 0.145 },
-  // Blues (220-270°)
-  sky: { hue: 220, chroma: 0.145 },
-  cerulean: { hue: 230, chroma: 0.155 },
-  cobalt: { hue: 240, chroma: 0.175 },
-  navy: { hue: 250, chroma: 0.145 },
-  blue: { hue: 260, chroma: 0.195 },
-  royal: { hue: 270, chroma: 0.185 },
-  // Purples & Violets (280-330°)
-  indigo: { hue: 280, chroma: 0.165 },
-  iris: { hue: 290, chroma: 0.15 },
-  violet: { hue: 300, chroma: 0.135 },
-  plum: { hue: 310, chroma: 0.125 },
-  purple: { hue: 320, chroma: 0.125 },
-  magenta: { hue: 330, chroma: 0.165 },
-  // Magentas & Back to pink (340-350°)
-  fuchsia: { hue: 340, chroma: 0.185 },
-  cerise: { hue: 350, chroma: 0.19 },
-  // Neutrals (special cases)
-  slate: { hue: 255, chroma: 0.02 },
-  grey: { hue: 0, chroma: 0 },
-  brown: { hue: 55, chroma: 0.065 }
-}, m = ["transparent", "black", "white"], l = [...Object.keys(t), ...m];
+/* empty css                                     */
+/* empty css                     */
+/* empty css                      */
+/* empty css                   */
+/* empty css                          */
+/* empty css                   */
+/* empty css                  */
+/* empty css                 */
+/* empty css                 */
+/* empty css                     */
+import { useViewTransition as u } from "./hooks/UseViewTransition.js";
+import { BasicColours as l, FictoanColours as c } from "./components/Element/constants.js";
+import { oklchColourDefinitions as S } from "./styles/colours.js";
+import { useClickOutside as T } from "./hooks/UseClickOutside.js";
+import { Accordion as B } from "./components/Accordion/Accordion.js";
+import { Badge as F } from "./components/Badge/Badge.js";
+import { Breadcrumbs as k } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { Button as I } from "./components/Button/Button.js";
+import { ButtonGroup as v } from "./components/ButtonGroup/ButtonGroup.js";
+import { Callout as O } from "./components/Callout/Callout.js";
+import { Card as A } from "./components/Card/Card.js";
+import { CodeBlock as M } from "./components/CodeBlock/CodeBlock.js";
+import { Divider as y } from "./components/Divider/Divider.js";
+import { Drawer as W } from "./components/Drawer/Drawer.js";
+import { Element as U } from "./components/Element/Element.js";
+import { Article as j, Aside as q, Body as z, Div as J, Footer as K, Header as Q, Hyperlink as X, Main as Y, Nav as Z, Section as _, Span as $ } from "./components/Element/Tags.js";
+import { Form as ro } from "./components/Form/Form/Form.js";
+import { FormItem as to } from "./components/Form/FormItem/FormItem.js";
+import { FormItemGroup as mo } from "./components/Form/FormItemGroup/FormItemGroup.js";
+import { InputField as xo } from "./components/Form/InputField/InputField.js";
+import { TextArea as ao } from "./components/Form/TextArea/TextArea.js";
+import { InputLabel as uo } from "./components/Form/InputLabel/InputLabel.js";
+import { Select as lo } from "./components/Form/Select/Select.js";
+import { FileUpload as Co } from "./components/Form/FileUpload/FileUpload.js";
+import { RadioGroup as bo } from "./components/Form/RadioButton/RadioGroup.js";
+import { RadioButton as go } from "./components/Form/RadioButton/RadioButton.js";
+import { Checkbox as Go } from "./components/Form/Checkbox/Checkbox.js";
+import { CheckboxGroup as Ho, SwitchGroup as ko } from "./components/Form/Checkbox/CheckboxAndSwitchGroup.js";
+import { Switch as Io } from "./components/Form/Checkbox/Switch.js";
+import { Range as vo } from "./components/Form/Range/Range.js";
+import { RadioTabGroup as Oo } from "./components/Form/RadioButton/RadioTabGroup.js";
+import { PinInputField as Ao } from "./components/Form/PinInputField/PinInputField.js";
+import { ListBox as Mo } from "./components/Form/ListBox/ListBox.js";
+import { Meter as yo } from "./components/Meter/Meter.js";
+import { Modal as Wo } from "./components/Modal/Modal.js";
+import { NotificationsProvider as Uo, useNotifications as Vo } from "./components/Notification/NotificationsProvider/NotificationsProvider.js";
+import { OptionCard as qo, OptionCardsGroup as zo, useOptionCard as Jo, useOptionCardsGroup as Ko } from "./components/OptionCard/OptionCard.js";
+import { Pagination as Xo } from "./components/Pagination/Pagination.js";
+import { Portion as Zo } from "./components/Portion/Portion.js";
+import { ProgressBar as $o } from "./components/ProgressBar/ProgressBar.js";
+import { Row as rr } from "./components/Row/Row.js";
+import { SidebarWrapper as tr } from "./components/Sidebar/SidebarWrapper/SidebarWrapper.js";
+import { ContentWrapper as mr } from "./components/Sidebar/ContentWrapper/ContentWrapper.js";
+import { SidebarHeader as xr } from "./components/Sidebar/SidebarHeader/SidebarHeader.js";
+import { SidebarItemsGroup as ar } from "./components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.js";
+import { SidebarItem as dr } from "./components/Sidebar/SidebarItem/SidebarItem.js";
+import { SidebarFooter as sr } from "./components/Sidebar/SidebarFooter/SidebarFooter.js";
+import { Skeleton as cr, SkeletonGroup as Cr } from "./components/Skeleton/Skeleton.js";
+import { Spinner as br } from "./components/Spinner/Spinner.js";
+import { Table as gr } from "./components/Table/Table.js";
+import { Tabs as Gr } from "./components/Tabs/Tabs.js";
+import { ThemeProvider as Hr, useTheme as kr } from "./components/ThemeProvider/ThemeProvider.js";
+import { ToastsProvider as Ir, useToasts as Pr } from "./components/Toast/ToastsProvider/ToastsProvider.js";
+import { Tooltip as wr } from "./components/Tooltip/Tooltip.js";
+import { Text as Rr } from "./components/Typography/Text.js";
+import { Heading1 as Dr, Heading2 as Mr, Heading3 as Nr, Heading4 as yr, Heading5 as Lr, Heading6 as Wr } from "./components/Typography/Heading.js";
 export {
-  S as Accordion,
-  C as Article,
-  f as Aside,
-  k as Badge,
-  m as BasicColours,
-  G as Body,
-  y as Breadcrumbs,
-  B as Button,
-  T as ButtonGroup,
-  v as Callout,
-  x as Card,
-  F as Checkbox,
-  H as CheckboxGroup,
-  w as CodeBlock,
-  I as ContentWrapper,
-  P as Div,
-  R as Divider,
-  j as Drawer,
-  s as Element,
-  l as FictoanColours,
-  N as FileUpload,
-  O as Footer,
-  A as Form,
-  D as FormItem,
-  M as FormItemGroup,
-  L as Header,
-  W as Heading1,
-  q as Heading2,
-  z as Heading3,
-  E as Heading4,
-  U as Heading5,
-  J as Heading6,
-  K as Hyperlink,
-  Q as InputField,
-  V as InputLabel,
-  X as ListBox,
+  B as Accordion,
+  j as Article,
+  q as Aside,
+  F as Badge,
+  l as BasicColours,
+  z as Body,
+  k as Breadcrumbs,
+  I as Button,
+  v as ButtonGroup,
+  O as Callout,
+  A as Card,
+  Go as Checkbox,
+  Ho as CheckboxGroup,
+  M as CodeBlock,
+  mr as ContentWrapper,
+  J as Div,
+  y as Divider,
+  W as Drawer,
+  U as Element,
+  c as FictoanColours,
+  Co as FileUpload,
+  K as Footer,
+  ro as Form,
+  to as FormItem,
+  mo as FormItemGroup,
+  Q as Header,
+  Dr as Heading1,
+  Mr as Heading2,
+  Nr as Heading3,
+  yr as Heading4,
+  Lr as Heading5,
+  Wr as Heading6,
+  X as Hyperlink,
+  xo as InputField,
+  uo as InputLabel,
+  Mo as ListBox,
   Y as Main,
-  Z as Meter,
-  _ as Modal,
-  $ as Nav,
-  aa as NotificationsProvider,
-  ea as OptionCard,
-  ra as OptionCardsGroup,
-  oa as Pagination,
-  sa as PinInputField,
-  ha as Portion,
-  ia as ProgressBar,
-  ua as RadioButton,
-  ca as RadioGroup,
-  ta as RadioTabGroup,
-  ma as Range,
-  na as Row,
-  da as Section,
-  pa as Select,
-  la as SidebarFooter,
-  ba as SidebarHeader,
-  ga as SidebarItem,
-  c as SidebarItemsGroup,
-  Sa as SidebarWrapper,
-  Ca as Skeleton,
-  fa as SkeletonGroup,
-  ka as Span,
-  Ga as Spinner,
-  ya as Switch,
-  Ba as SwitchGroup,
-  Ta as Table,
-  va as Tabs,
-  xa as Text,
-  Fa as TextArea,
-  Ha as ThemeProvider,
-  wa as ToastsProvider,
-  Ia as Tooltip,
-  t as oklchColourDefinitions,
-  Pa as useNotifications,
-  Ra as useOptionCard,
-  ja as useOptionCardsGroup,
-  Na as useTheme,
-  Oa as useToasts
+  yo as Meter,
+  Wo as Modal,
+  Z as Nav,
+  Uo as NotificationsProvider,
+  qo as OptionCard,
+  zo as OptionCardsGroup,
+  Xo as Pagination,
+  Ao as PinInputField,
+  Zo as Portion,
+  $o as ProgressBar,
+  go as RadioButton,
+  bo as RadioGroup,
+  Oo as RadioTabGroup,
+  vo as Range,
+  rr as Row,
+  _ as Section,
+  lo as Select,
+  sr as SidebarFooter,
+  xr as SidebarHeader,
+  dr as SidebarItem,
+  ar as SidebarItemsGroup,
+  tr as SidebarWrapper,
+  cr as Skeleton,
+  Cr as SkeletonGroup,
+  $ as Span,
+  br as Spinner,
+  Io as Switch,
+  ko as SwitchGroup,
+  gr as Table,
+  Gr as Tabs,
+  Rr as Text,
+  ao as TextArea,
+  Hr as ThemeProvider,
+  Ir as ToastsProvider,
+  wr as Tooltip,
+  S as oklchColourDefinitions,
+  T as useClickOutside,
+  Vo as useNotifications,
+  Jo as useOptionCard,
+  Ko as useOptionCardsGroup,
+  kr as useTheme,
+  Pr as useToasts,
+  u as useViewTransition
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.tsx","../src/styles/colours.ts","../src/components/Element/constants.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-items-group.css\";\n\n// prettier-ignore\nexport interface SidebarItemsGroupCustomProps {\n    title ? : string;\n}\n\nexport type SidebarItemsGroupElementType = HTMLDivElement;\nexport type SidebarItemsGroupNewProps = Omit<CommonAndHTMLProps<SidebarItemsGroupElementType>,\n    keyof SidebarItemsGroupCustomProps> & SidebarItemsGroupCustomProps;\n\nexport const SidebarItemsGroup = React.forwardRef(\n    (\n        {\n            title,\n            children,\n            ...props\n        }: SidebarItemsGroupNewProps, forwardedRef: React.Ref<SidebarItemsGroupElementType>) => {\n\n        return (\n            <Element<SidebarItemsGroupElementType>\n                as=\"nav\"\n                data-sidebar-items-group\n                ref={forwardedRef}\n                {...props}\n            >\n                {title && <p className=\"group-title\">{title}</p>}\n                {children}\n            </Element>\n        );\n    },\n);\nSidebarItemsGroup.displayName = \"SidebarItemsGroup\";\n","// OKLCH colour definitions\n// Hue: 0-360 degrees (OKLCH hue wheel)\n// Chroma: colour intensity (0 = grey, ~0.4 = vivid)\n\nexport interface ColourDefinition {\n    hue    : number;\n    chroma : number;\n}\n\n// 36-colour palette with ~10° hue gaps\nexport const oklchColourDefinitions : Record<string, ColourDefinition> = {\n    // Reds & Pinks (0-30°)\n    pink    : {hue : 0, chroma : 0.185},\n    rose    : {hue : 10, chroma : 0.175},\n    crimson : {hue : 20, chroma : 0.195},\n    red     : {hue : 30, chroma : 0.234},\n\n    // Oranges & Earth tones (40-70°)\n    salmon : {hue : 40, chroma : 0.165},\n    sienna : {hue : 50, chroma : 0.095},\n    orange : {hue : 60, chroma : 0.175},\n    amber  : {hue : 70, chroma : 0.164},\n\n    // Yellows (80-100°)\n    gold   : {hue : 80, chroma : 0.155},\n    yellow : {hue : 90, chroma : 0.155},\n    lime   : {hue : 100, chroma : 0.145},\n\n    // Greens (110-170°)\n    chartreuse : {hue : 110, chroma : 0.145},\n    spring     : {hue : 120, chroma : 0.14},\n    pistachio  : {hue : 130, chroma : 0.1},\n    sage       : {hue : 140, chroma : 0.09},\n    green      : {hue : 150, chroma : 0.145},\n    emerald    : {hue : 160, chroma : 0.155},\n    jade       : {hue : 170, chroma : 0.125},\n\n    // Teals & Cyans (180-210°)\n    teal  : {hue : 180, chroma : 0.115},\n    cyan  : {hue : 190, chroma : 0.135},\n    aqua  : {hue : 200, chroma : 0.125},\n    azure : {hue : 210, chroma : 0.145},\n\n    // Blues (220-270°)\n    sky      : {hue : 220, chroma : 0.145},\n    cerulean : {hue : 230, chroma : 0.155},\n    cobalt   : {hue : 240, chroma : 0.175},\n    navy     : {hue : 250, chroma : 0.145},\n    blue     : {hue : 260, chroma : 0.195},\n    royal    : {hue : 270, chroma : 0.185},\n\n    // Purples & Violets (280-330°)\n    indigo  : {hue : 280, chroma : 0.165},\n    iris    : {hue : 290, chroma : 0.15},\n    violet  : {hue : 300, chroma : 0.135},\n    plum    : {hue : 310, chroma : 0.125},\n    purple  : {hue : 320, chroma : 0.125},\n    magenta : {hue : 330, chroma : 0.165},\n\n    // Magentas & Back to pink (340-350°)\n    fuchsia : {hue : 340, chroma : 0.185},\n    cerise  : {hue : 350, chroma : 0.19},\n\n    // Neutrals (special cases)\n    slate : {hue : 255, chroma : 0.02},\n    grey  : {hue : 0, chroma : 0},\n    brown : {hue : 55, chroma : 0.065},\n};\n\n// Colour names for type safety\nexport type OklchColourName = keyof typeof oklchColourDefinitions;\n","// REACT CORE ==========================================================================================================\nimport { ElementType, FormEvent, HTMLProps } from \"react\";\n\n// STYLES ==============================================================================================================\nimport { oklchColourDefinitions, type OklchColourName } from \"../../styles/colours\";\n\n// Basic colours without hue/chroma (not part of OKLCH definitions)\nexport const BasicColours = [ \"transparent\", \"black\", \"white\" ] as const;\ntype BasicColoursType = typeof BasicColours[number];\n\n// Combined list of all available colours\nexport const FictoanColours = [ ...Object.keys(oklchColourDefinitions), ...BasicColours ] as const;\n\ntype Luminance = \"dark\" | \"light\";\ntype ShadeLevel = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype OpacityLevel = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\ntype CustomColours = \"hue\" | \"tint\" | \"shade\" | \"analogue\" | \"accent\";\n\n// prettier-ignore\nexport type EmphasisTypes = \"primary\" | \"secondary\" | \"tertiary\" | \"custom\";\nexport type SpacingTypes = \"none\" | \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\nexport type ShadowTypes = \"none\" | \"mild\" | \"hard\" | \"soft\";\nexport type ShapeTypes = \"rounded\" | \"curved\";\nexport type OpacityTypes = \"0\" | \"5\" | \"10\" | \"20\" | \"30\" | \"40\" | \"50\" | \"60\" | \"70\" | \"80\" | \"90\";\nexport type WeightTypes = \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\";\nexport type ButtonVariantTypes = \"success\" | \"warning\" | \"danger\";\n\nexport type ColourPropTypes =\n    | `${OklchColourName}-${Luminance}${ShadeLevel}`\n    | `${OklchColourName}-${Luminance}${ShadeLevel}-opacity${OpacityLevel}`\n    | `${OklchColourName}-opacity${OpacityLevel}`\n    | `${BasicColoursType}-opacity${OpacityLevel}`\n    | OklchColourName\n    | BasicColoursType\n    | CustomColours\n    | \"\";\n\nexport interface CommonProps {\n    bgColor                   ? : ColourPropTypes;\n    bgColour                  ? : ColourPropTypes;\n    bgOpacity                 ? : OpacityTypes;\n    textColor                 ? : ColourPropTypes;\n    textColour                ? : ColourPropTypes;\n    borderColor               ? : ColourPropTypes;\n    borderColour              ? : ColourPropTypes;\n    borderOpacity             ? : OpacityTypes;\n    fillColor                 ? : ColourPropTypes;\n    fillColour                ? : ColourPropTypes;\n    strokeColor               ? : ColourPropTypes;\n    strokeColour              ? : ColourPropTypes;\n    shadow                    ? : ShadowTypes;\n    shape                     ? : ShapeTypes;\n    opacity                   ? : OpacityTypes;\n    // Flexbox -----------------------------------------------------------------\n    layoutAsFlexbox           ? : boolean;\n    stackVertically           ? : boolean;\n    stackHorizontally         ? : boolean;\n    // Grid --------------------------------------------------------------------\n    layoutAsGrid              ? : boolean;\n    columns                   ? : string;\n    // Common ------------------------------------------------------------------\n    gap                       ? : SpacingTypes;\n    // Margin ------------------------------------------------------------------\n    margin                    ? : SpacingTypes;\n    horizontalMargin          ? : SpacingTypes;\n    verticalMargin            ? : SpacingTypes;\n    marginTop                 ? : SpacingTypes;\n    marginRight               ? : SpacingTypes;\n    marginBottom              ? : SpacingTypes;\n    marginLeft                ? : SpacingTypes;\n    // Padding -----------------------------------------------------------------\n    padding                   ? : SpacingTypes;\n    horizontalPadding         ? : SpacingTypes;\n    verticalPadding           ? : SpacingTypes;\n    paddingTop                ? : SpacingTypes;\n    paddingRight              ? : SpacingTypes;\n    paddingBottom             ? : SpacingTypes;\n    paddingLeft               ? : SpacingTypes;\n    horizontallyCentreThis    ? : boolean;\n    horizontallyCenterThis    ? : boolean;\n    verticallyCentreItems     ? : boolean;\n    verticallyCenterItems     ? : boolean;\n    pushItemsToEnds           ? : boolean;\n    isClickable               ? : boolean;\n    isFullWidth               ? : boolean;\n    isFullHeight              ? : boolean;\n    inheritFormSpacing        ? : boolean;\n    hideOnMobile              ? : boolean;\n    showOnlyOnMobile          ? : boolean;\n    hideOnTabletPortrait      ? : boolean;\n    showOnlyOnTabletPortrait  ? : boolean;\n    hideOnTabletLandscape     ? : boolean;\n    showOnlyOnTabletLandscape ? : boolean;\n    hideOnDesktop             ? : boolean;\n    showOnlyOnDesktop         ? : boolean;\n    weight                    ? : WeightTypes;\n    classNames                ? : string[];\n}\n\nexport interface CommonAndHTMLProps<T extends {}>\n    extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"size\" | \"ref\" | \"shape\"> {}\n\n// Fictoan has two different types of event handlers, one for standard events and one for direct values\n// This generic event handler type is a union of the two\nexport type FlexibleEventHandler<T, V = any> =\n    | ((event : T) => void)\n    | ((value : V) => void);\n\nexport interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, \"as\" | \"ref\" | \"shape\"> {\n    as        ? : ElementType;\n    className ? : string;\n    ariaLabel ? : string;\n    onChange  ? : FlexibleEventHandler<FormEvent<T>, any>;\n}\n"],"names":["SidebarItemsGroup","React","title","children","props","forwardedRef","jsxs","Element","jsx","oklchColourDefinitions","BasicColours","FictoanColours"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/scripts/generateSchema.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generateSchema.d.ts.map

package/dist/scripts/generateSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSchema.d.ts","sourceRoot":"","sources":["../../src/scripts/generateSchema.ts"],"names":[],"mappings":""}

package/dist/scripts/schema-meta.d.ts

@@ -0,0 +1,12 @@
+export interface ComponentMeta {
+    description: string;
+    example: string;
+    composition?: {
+        children?: string;
+        parent?: string;
+        siblings?: string;
+    };
+    tips?: string[];
+}
+export declare const componentMeta: Record<string, ComponentMeta>;
+//# sourceMappingURL=schema-meta.d.ts.map

package/dist/scripts/schema-meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-meta.d.ts","sourceRoot":"","sources":["../../src/scripts/schema-meta.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC1B,WAAW,EAAM,MAAM,CAAC;IACxB,OAAO,EAAU,MAAM,CAAC;IACxB,WAAa,CAAC,EAAG;QACb,QAAS,CAAC,EAAG,MAAM,CAAC;QACpB,MAAS,CAAC,EAAG,MAAM,CAAC;QACpB,QAAS,CAAC,EAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAa,CAAC,EAAG,MAAM,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAsHxD,CAAC"}

package/dist/styles/colours.js

@@ -0,0 +1,55 @@
+"use client";
+const h = {
+  // Reds & Pinks (0-30°)
+  pink: { hue: 0, chroma: 0.185 },
+  rose: { hue: 10, chroma: 0.175 },
+  crimson: { hue: 20, chroma: 0.195 },
+  red: { hue: 30, chroma: 0.234 },
+  // Oranges & Earth tones (40-70°)
+  salmon: { hue: 40, chroma: 0.165 },
+  sienna: { hue: 50, chroma: 0.095 },
+  orange: { hue: 60, chroma: 0.175 },
+  amber: { hue: 70, chroma: 0.164 },
+  // Yellows (80-100°)
+  gold: { hue: 80, chroma: 0.155 },
+  yellow: { hue: 90, chroma: 0.155 },
+  lime: { hue: 100, chroma: 0.145 },
+  // Greens (110-170°)
+  chartreuse: { hue: 110, chroma: 0.145 },
+  spring: { hue: 120, chroma: 0.14 },
+  pistachio: { hue: 130, chroma: 0.1 },
+  sage: { hue: 140, chroma: 0.09 },
+  green: { hue: 150, chroma: 0.145 },
+  emerald: { hue: 160, chroma: 0.155 },
+  jade: { hue: 170, chroma: 0.125 },
+  // Teals & Cyans (180-210°)
+  teal: { hue: 180, chroma: 0.115 },
+  cyan: { hue: 190, chroma: 0.135 },
+  aqua: { hue: 200, chroma: 0.125 },
+  azure: { hue: 210, chroma: 0.145 },
+  // Blues (220-270°)
+  sky: { hue: 220, chroma: 0.145 },
+  cerulean: { hue: 230, chroma: 0.155 },
+  cobalt: { hue: 240, chroma: 0.175 },
+  navy: { hue: 250, chroma: 0.145 },
+  blue: { hue: 260, chroma: 0.195 },
+  royal: { hue: 270, chroma: 0.185 },
+  // Purples & Violets (280-330°)
+  indigo: { hue: 280, chroma: 0.165 },
+  iris: { hue: 290, chroma: 0.15 },
+  violet: { hue: 300, chroma: 0.135 },
+  plum: { hue: 310, chroma: 0.125 },
+  purple: { hue: 320, chroma: 0.125 },
+  magenta: { hue: 330, chroma: 0.165 },
+  // Magentas & Back to pink (340-350°)
+  fuchsia: { hue: 340, chroma: 0.185 },
+  cerise: { hue: 350, chroma: 0.19 },
+  // Neutrals (special cases)
+  slate: { hue: 255, chroma: 0.02 },
+  grey: { hue: 0, chroma: 0 },
+  brown: { hue: 55, chroma: 0.065 }
+};
+export {
+  h as oklchColourDefinitions
+};
+//# sourceMappingURL=colours.js.map

package/dist/styles/colours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colours.js","sources":["../../src/styles/colours.ts"],"sourcesContent":["// OKLCH colour definitions\n// Hue: 0-360 degrees (OKLCH hue wheel)\n// Chroma: colour intensity (0 = grey, ~0.4 = vivid)\n\nexport interface ColourDefinition {\n    hue    : number;\n    chroma : number;\n}\n\n// 36-colour palette with ~10° hue gaps\nexport const oklchColourDefinitions : Record<string, ColourDefinition> = {\n    // Reds & Pinks (0-30°)\n    pink    : {hue : 0, chroma : 0.185},\n    rose    : {hue : 10, chroma : 0.175},\n    crimson : {hue : 20, chroma : 0.195},\n    red     : {hue : 30, chroma : 0.234},\n\n    // Oranges & Earth tones (40-70°)\n    salmon : {hue : 40, chroma : 0.165},\n    sienna : {hue : 50, chroma : 0.095},\n    orange : {hue : 60, chroma : 0.175},\n    amber  : {hue : 70, chroma : 0.164},\n\n    // Yellows (80-100°)\n    gold   : {hue : 80, chroma : 0.155},\n    yellow : {hue : 90, chroma : 0.155},\n    lime   : {hue : 100, chroma : 0.145},\n\n    // Greens (110-170°)\n    chartreuse : {hue : 110, chroma : 0.145},\n    spring     : {hue : 120, chroma : 0.14},\n    pistachio  : {hue : 130, chroma : 0.1},\n    sage       : {hue : 140, chroma : 0.09},\n    green      : {hue : 150, chroma : 0.145},\n    emerald    : {hue : 160, chroma : 0.155},\n    jade       : {hue : 170, chroma : 0.125},\n\n    // Teals & Cyans (180-210°)\n    teal  : {hue : 180, chroma : 0.115},\n    cyan  : {hue : 190, chroma : 0.135},\n    aqua  : {hue : 200, chroma : 0.125},\n    azure : {hue : 210, chroma : 0.145},\n\n    // Blues (220-270°)\n    sky      : {hue : 220, chroma : 0.145},\n    cerulean : {hue : 230, chroma : 0.155},\n    cobalt   : {hue : 240, chroma : 0.175},\n    navy     : {hue : 250, chroma : 0.145},\n    blue     : {hue : 260, chroma : 0.195},\n    royal    : {hue : 270, chroma : 0.185},\n\n    // Purples & Violets (280-330°)\n    indigo  : {hue : 280, chroma : 0.165},\n    iris    : {hue : 290, chroma : 0.15},\n    violet  : {hue : 300, chroma : 0.135},\n    plum    : {hue : 310, chroma : 0.125},\n    purple  : {hue : 320, chroma : 0.125},\n    magenta : {hue : 330, chroma : 0.165},\n\n    // Magentas & Back to pink (340-350°)\n    fuchsia : {hue : 340, chroma : 0.185},\n    cerise  : {hue : 350, chroma : 0.19},\n\n    // Neutrals (special cases)\n    slate : {hue : 255, chroma : 0.02},\n    grey  : {hue : 0, chroma : 0},\n    brown : {hue : 55, chroma : 0.065},\n};\n\n// Colour names for type safety\nexport type OklchColourName = keyof typeof oklchColourDefinitions;\n"],"names":["oklchColourDefinitions"],"mappings":"AAUO,MAAMA,IAA4D;AAAA;AAAA,EAErE,MAAU,EAAC,KAAM,GAAG,QAAS,MAAA;AAAA,EAC7B,MAAU,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC9B,SAAU,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC9B,KAAU,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA;AAAA,EAG9B,QAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC7B,QAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC7B,QAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC7B,OAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA;AAAA,EAG7B,MAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC7B,QAAS,EAAC,KAAM,IAAI,QAAS,MAAA;AAAA,EAC7B,MAAS,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA;AAAA,EAG9B,YAAa,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAClC,QAAa,EAAC,KAAM,KAAK,QAAS,KAAA;AAAA,EAClC,WAAa,EAAC,KAAM,KAAK,QAAS,IAAA;AAAA,EAClC,MAAa,EAAC,KAAM,KAAK,QAAS,KAAA;AAAA,EAClC,OAAa,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAClC,SAAa,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAClC,MAAa,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA;AAAA,EAGlC,MAAQ,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC7B,MAAQ,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC7B,MAAQ,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC7B,OAAQ,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA;AAAA,EAG7B,KAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAChC,UAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAChC,QAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAChC,MAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAChC,MAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAChC,OAAW,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA;AAAA,EAGhC,QAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC/B,MAAU,EAAC,KAAM,KAAK,QAAS,KAAA;AAAA,EAC/B,QAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC/B,MAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC/B,QAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC/B,SAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA;AAAA,EAG/B,SAAU,EAAC,KAAM,KAAK,QAAS,MAAA;AAAA,EAC/B,QAAU,EAAC,KAAM,KAAK,QAAS,KAAA;AAAA;AAAA,EAG/B,OAAQ,EAAC,KAAM,KAAK,QAAS,KAAA;AAAA,EAC7B,MAAQ,EAAC,KAAM,GAAG,QAAS,EAAA;AAAA,EAC3B,OAAQ,EAAC,KAAM,IAAI,QAAS,MAAA;AAChC;"}

package/dist/utils/classNames.d.ts

@@ -1,2 +1,2 @@
-export declare const createClassName: (classNames: any[]) => string;
+export declare const createClassName: (classNames: (string | number | boolean | null | undefined)[]) => string;
 //# sourceMappingURL=classNames.d.ts.map

package/dist/utils/classNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../src/utils/classNames.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,YAAY,GAAG,EAAE,KAAG,MAEnD,CAAC"}
+{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../../src/utils/classNames.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,YAAY,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,MAE9F,CAAC"}

package/dist/utils/classNames.js

@@ -0,0 +1,6 @@
+"use client";
+const t = (e) => e.filter((r) => !!r).join(" ");
+export {
+  t as createClassName
+};
+//# sourceMappingURL=classNames.js.map

package/dist/utils/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sources":["../../src/utils/classNames.ts"],"sourcesContent":["export const createClassName = (classNames: (string | number | boolean | null | undefined)[]): string => {\n    return classNames.filter((item) => !!item).join(\" \");\n};\n"],"names":["createClassName","classNames","item"],"mappings":"AAAO,MAAMA,IAAkB,CAACC,MACrBA,EAAW,OAAO,CAACC,MAAS,CAAC,CAACA,CAAI,EAAE,KAAK,GAAG;"}

package/dist/utils/propSeparation.js

@@ -0,0 +1,77 @@
+"use client";
+const l = [
+  // Colours
+  "bgColor",
+  "bgColour",
+  "bgOpacity",
+  "textColor",
+  "textColour",
+  "borderColor",
+  "borderColour",
+  "borderOpacity",
+  "fillColor",
+  "fillColour",
+  "strokeColor",
+  "strokeColour",
+  // Visual
+  "shadow",
+  "shape",
+  "opacity",
+  // Layout
+  "layoutAsFlexbox",
+  "listVertically",
+  "listHorizontally",
+  "layoutAsGrid",
+  "columns",
+  "gap",
+  // Margin
+  "margin",
+  "horizontalMargin",
+  "verticalMargin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  // Padding
+  "padding",
+  "horizontalPadding",
+  "verticalPadding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  // Alignment
+  "horizontallyCentreThis",
+  "horizontallyCenterThis",
+  "verticallyCentreItems",
+  "verticallyCenterItems",
+  "pushItemsToEnds",
+  // Sizing
+  "isFullWidth",
+  "isFullHeight",
+  // Responsive visibility
+  "hideOnMobile",
+  "showOnlyOnMobile",
+  "hideOnTabletPortrait",
+  "showOnlyOnTabletPortrait",
+  "hideOnTabletLandscape",
+  "showOnlyOnTabletLandscape",
+  "hideOnDesktop",
+  "showOnlyOnDesktop",
+  // Typography
+  "weight",
+  // Custom classes
+  "classNames"
+], i = (t) => {
+  const e = {}, r = {};
+  for (const o of Object.keys(t))
+    l.includes(o) ? e[o] = t[o] : r[o] = t[o];
+  return {
+    wrapperProps: e,
+    inputProps: r
+  };
+};
+export {
+  i as separateWrapperProps
+};
+//# sourceMappingURL=propSeparation.js.map

package/dist/utils/propSeparation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propSeparation.js","sources":["../../src/utils/propSeparation.ts"],"sourcesContent":["// LOCAL COMPONENTS ====================================================================================================\nimport { CommonProps, SpacingTypes } from \"$components/Element/constants\";\n\nexport interface PropSeparationResult<T extends Record<string, any>> {\n    fictoanProps : {\n        size ? : Exclude<SpacingTypes, \"nano\" | \"huge\">;\n    };\n    htmlProps    : Omit<T, \"size\"> & {\n        size ? : number;\n    };\n}\n\n/**\n * Separates Fictoan-specific props from HTML props to prevent conflicts.\n *\n * The main conflict is with the 'size' prop:\n * - Fictoan uses size as a string for CSS classes (e.g., \"small\", \"medium\", \"large\")\n * - HTML form elements use size as a number for visual width\n *\n * @param props - The props object to separate\n * @returns Object with fictoanProps and htmlProps\n */\nexport const separateFictoanFromHTMLProps = <T extends Record<string, any>>(\n    props : T,\n) : PropSeparationResult<T> => {\n    const {size, ...htmlProps} = props;\n\n    // Check if size is a valid FormItem size (excluding nano and huge)\n    const isValidFormItemSize = typeof size === \"string\" && [\n        \"none\", \"micro\", \"tiny\", \"small\", \"medium\", \"large\",\n    ].includes(size);\n\n    return {\n        fictoanProps : {\n            size : isValidFormItemSize ? size as Exclude<SpacingTypes, \"nano\" | \"huge\"> : undefined,\n        },\n        htmlProps    : typeof size === \"number\" ? {...htmlProps, size} : htmlProps,\n    };\n};\n\n// List of CommonProps keys that should be applied to wrapper elements (like FormItem)\n// rather than to inner input elements\nconst WRAPPER_PROP_KEYS: (keyof CommonProps)[] = [\n    // Colours\n    \"bgColor\",\n    \"bgColour\",\n    \"bgOpacity\",\n    \"textColor\",\n    \"textColour\",\n    \"borderColor\",\n    \"borderColour\",\n    \"borderOpacity\",\n    \"fillColor\",\n    \"fillColour\",\n    \"strokeColor\",\n    \"strokeColour\",\n    // Visual\n    \"shadow\",\n    \"shape\",\n    \"opacity\",\n    // Layout\n    \"layoutAsFlexbox\",\n    \"listVertically\",\n    \"listHorizontally\",\n    \"layoutAsGrid\",\n    \"columns\",\n    \"gap\",\n    // Margin\n    \"margin\",\n    \"horizontalMargin\",\n    \"verticalMargin\",\n    \"marginTop\",\n    \"marginRight\",\n    \"marginBottom\",\n    \"marginLeft\",\n    // Padding\n    \"padding\",\n    \"horizontalPadding\",\n    \"verticalPadding\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    // Alignment\n    \"horizontallyCentreThis\",\n    \"horizontallyCenterThis\",\n    \"verticallyCentreItems\",\n    \"verticallyCenterItems\",\n    \"pushItemsToEnds\",\n    // Sizing\n    \"isFullWidth\",\n    \"isFullHeight\",\n    // Responsive visibility\n    \"hideOnMobile\",\n    \"showOnlyOnMobile\",\n    \"hideOnTabletPortrait\",\n    \"showOnlyOnTabletPortrait\",\n    \"hideOnTabletLandscape\",\n    \"showOnlyOnTabletLandscape\",\n    \"hideOnDesktop\",\n    \"showOnlyOnDesktop\",\n    // Typography\n    \"weight\",\n    // Custom classes\n    \"classNames\",\n];\n\nexport interface WrapperInputSeparationResult<T extends Record<string, any>> {\n    wrapperProps : Partial<CommonProps>;\n    inputProps   : Omit<T, keyof CommonProps>;\n}\n\n/**\n * Separates wrapper-level props (margin, padding, layout, etc.) from input-specific props.\n *\n * Form components like TextArea and InputField wrap their input in a FormItem.\n * Layout/spacing props should be applied to FormItem (the wrapper), not the inner input.\n *\n * @param props - The props object to separate\n * @returns Object with wrapperProps (for FormItem) and inputProps (for the input element)\n *\n * @example\n * const { wrapperProps, inputProps } = separateWrapperProps(props);\n * return (\n *   <FormItem {...wrapperProps}>\n *     <Element as=\"textarea\" {...inputProps} />\n *   </FormItem>\n * );\n */\nexport const separateWrapperProps = <T extends Record<string, any>>(\n    props: T,\n): WrapperInputSeparationResult<T> => {\n    const wrapperProps: Partial<CommonProps> = {};\n    const inputProps: Record<string, any> = {};\n\n    for (const key of Object.keys(props)) {\n        if (WRAPPER_PROP_KEYS.includes(key as keyof CommonProps)) {\n            (wrapperProps as any)[key] = props[key];\n        } else {\n            inputProps[key] = props[key];\n        }\n    }\n\n    return {\n        wrapperProps,\n        inputProps: inputProps as Omit<T, keyof CommonProps>,\n    };\n};"],"names":["WRAPPER_PROP_KEYS","separateWrapperProps","props","wrapperProps","inputProps","key"],"mappings":"AA0CA,MAAMA,IAA2C;AAAA;AAAA,EAE7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AACJ,GAwBaC,IAAuB,CAChCC,MACkC;AAClC,QAAMC,IAAqC,CAAA,GACrCC,IAAkC,CAAA;AAExC,aAAWC,KAAO,OAAO,KAAKH,CAAK;AAC/B,IAAIF,EAAkB,SAASK,CAAwB,IAClDF,EAAqBE,CAAG,IAAIH,EAAMG,CAAG,IAEtCD,EAAWC,CAAG,IAAIH,EAAMG,CAAG;AAInC,SAAO;AAAA,IACH,cAAAF;AAAA,IACA,YAAAC;AAAA,EAAA;AAER;"}