@flipdish/ui-library 0.25.1 → 0.26.0

package/dist/components/atoms/Divider/Divider.styles.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * Shared `Divider` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `base` fills the rule with the `border-secondary` token via `bg-*` rather than an
+ * actual border — both a web `<hr>` and a native `View` render that identically, so
+ * there is no platform-specific colour table here (unlike `Dot`, which needs one).
+ * `orientations` swaps which axis is 1px vs. full-size.
+ *
+ * `border-0` is load-bearing on web only: it clears Preflight's default `<hr>` border so
+ * the line comes from the background instead. It is inert on a native `View` — kept here
+ * rather than split out because one shared string is worth more than saving a no-op class.
+ */
+const styles = {
+    base: 'shrink-0 border-0 bg-border-secondary',
+    orientations: {
+        horizontal: 'h-px w-full',
+        vertical: 'h-full w-px',
+    },
+};
+
+exports.styles = styles;
+//# sourceMappingURL=Divider.styles.cjs.map

package/dist/components/atoms/Divider/Divider.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.cjs","sources":["../../../../src/components/atoms/Divider/Divider.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;;;;;AAWG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,IAAI,EAAE,uCAAuC;AAC7C,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,QAAQ,EAAE,aAAa;AACxB,KAAA;;;;;"}

package/dist/components/atoms/Divider/Divider.styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Shared `Divider` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `base` fills the rule with the `border-secondary` token via `bg-*` rather than an
+ * actual border — both a web `<hr>` and a native `View` render that identically, so
+ * there is no platform-specific colour table here (unlike `Dot`, which needs one).
+ * `orientations` swaps which axis is 1px vs. full-size.
+ *
+ * `border-0` is load-bearing on web only: it clears Preflight's default `<hr>` border so
+ * the line comes from the background instead. It is inert on a native `View` — kept here
+ * rather than split out because one shared string is worth more than saving a no-op class.
+ */
+export declare const styles: {
+    base: string;
+    orientations: {
+        horizontal: string;
+        vertical: string;
+    };
+};
+export type DividerOrientation = keyof typeof styles.orientations;
+//# sourceMappingURL=Divider.styles.d.ts.map

package/dist/components/atoms/Divider/Divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC"}

package/dist/components/atoms/Divider/Divider.styles.js

@@ -0,0 +1,22 @@
+/**
+ * Shared `Divider` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `base` fills the rule with the `border-secondary` token via `bg-*` rather than an
+ * actual border — both a web `<hr>` and a native `View` render that identically, so
+ * there is no platform-specific colour table here (unlike `Dot`, which needs one).
+ * `orientations` swaps which axis is 1px vs. full-size.
+ *
+ * `border-0` is load-bearing on web only: it clears Preflight's default `<hr>` border so
+ * the line comes from the background instead. It is inert on a native `View` — kept here
+ * rather than split out because one shared string is worth more than saving a no-op class.
+ */
+const styles = {
+    base: 'shrink-0 border-0 bg-border-secondary',
+    orientations: {
+        horizontal: 'h-px w-full',
+        vertical: 'h-full w-px',
+    },
+};
+
+export { styles };
+//# sourceMappingURL=Divider.styles.js.map

package/dist/components/atoms/Divider/Divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/atoms/Divider/Divider.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;AAWG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,IAAI,EAAE,uCAAuC;AAC7C,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,QAAQ,EAAE,aAAa;AACxB,KAAA;;;;;"}

package/dist/components/atoms/Divider/index.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var Divider_styles = require('./Divider.styles.cjs');
 
 /**
  * A thin rule that visually separates content. Renders a 1px line filled with the
@@ -14,7 +15,7 @@ var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
  */
 const Divider = ({ orientation = 'horizontal', className, 'data-testid': dataTestId, ...props }) => {
     const dividerTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'divider', rootName: 'divider' });
-    return (jsxRuntime.jsx("hr", { "aria-orientation": orientation, className: cx.cx('shrink-0 border-0 bg-border-secondary', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props, "data-testid": dividerTestId }));
+    return (jsxRuntime.jsx("hr", { "aria-orientation": orientation, className: cx.cx(Divider_styles.styles.base, Divider_styles.styles.orientations[orientation], className), ...props, "data-testid": dividerTestId }));
 };
 
 exports.Divider = Divider;

package/dist/components/atoms/Divider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx"],"mappings":";;;;;;AAgBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAExG,IAAA,QACEC,cAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAEC,KAAE,CAAC,uCAAuC,EAAE,WAAW,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAAE,SAAS,CAAC,EAAA,GAC3H,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx","styles"],"mappings":";;;;;;;AAmBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IAExG,QACEC,cAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAEC,KAAE,CAACC,qBAAM,CAAC,IAAI,EAAEA,qBAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GACnE,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}

package/dist/components/atoms/Divider/index.d.ts

@@ -1,10 +1,12 @@
 import type { HTMLAttributes } from 'react';
+import { type DividerOrientation } from './Divider.styles';
+export type { DividerOrientation } from './Divider.styles';
 export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
     /**
      * The axis the divider is drawn along.
      * @default "horizontal"
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: DividerOrientation;
     /** Overrides the `data-testid` (defaults to `fd-divider`). */
     'data-testid'?: string;
 }

package/dist/components/atoms/Divider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,aAAa,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,iEAAgF,YAAY,gCAWnH,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,KAAK,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AAEnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,aAAa,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,iEAAgF,YAAY,gCAWnH,CAAC"}

package/dist/components/atoms/Divider/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { styles } from './Divider.styles.js';
 
 /**
  * A thin rule that visually separates content. Renders a 1px line filled with the
@@ -12,7 +13,7 @@ import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
  */
 const Divider = ({ orientation = 'horizontal', className, 'data-testid': dataTestId, ...props }) => {
     const dividerTestId = useResolvedTestId({ testId: dataTestId, segment: 'divider', rootName: 'divider' });
-    return (jsx("hr", { "aria-orientation": orientation, className: cx('shrink-0 border-0 bg-border-secondary', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props, "data-testid": dividerTestId }));
+    return (jsx("hr", { "aria-orientation": orientation, className: cx(styles.base, styles.orientations[orientation], className), ...props, "data-testid": dividerTestId }));
 };
 
 export { Divider };

package/dist/components/atoms/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAgBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAExG,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,WAAW,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAAE,SAAS,CAAC,EAAA,GAC3H,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Divider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAmBA;;;;;;;AAOG;MACU,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAgB,KAAI;AACtH,IAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IAExG,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,kBAAA,EACoB,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GACnE,KAAK,EAAA,aAAA,EACI,aAAa,EAAA,CAC1B;AAEN;;;;"}

package/dist/native/components/atoms/Divider/Divider.styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Shared `Divider` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `base` fills the rule with the `border-secondary` token via `bg-*` rather than an
+ * actual border — both a web `<hr>` and a native `View` render that identically, so
+ * there is no platform-specific colour table here (unlike `Dot`, which needs one).
+ * `orientations` swaps which axis is 1px vs. full-size.
+ *
+ * `border-0` is load-bearing on web only: it clears Preflight's default `<hr>` border so
+ * the line comes from the background instead. It is inert on a native `View` — kept here
+ * rather than split out because one shared string is worth more than saving a no-op class.
+ */
+export declare const styles: {
+    base: string;
+    orientations: {
+        horizontal: string;
+        vertical: string;
+    };
+};
+export type DividerOrientation = keyof typeof styles.orientations;
+//# sourceMappingURL=Divider.styles.d.ts.map

package/dist/native/components/atoms/Divider/Divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Divider/Divider.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC"}

package/dist/native/components/atoms/Divider/Divider.styles.js

@@ -0,0 +1,22 @@
+/**
+ * Shared `Divider` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `base` fills the rule with the `border-secondary` token via `bg-*` rather than an
+ * actual border — both a web `<hr>` and a native `View` render that identically, so
+ * there is no platform-specific colour table here (unlike `Dot`, which needs one).
+ * `orientations` swaps which axis is 1px vs. full-size.
+ *
+ * `border-0` is load-bearing on web only: it clears Preflight's default `<hr>` border so
+ * the line comes from the background instead. It is inert on a native `View` — kept here
+ * rather than split out because one shared string is worth more than saving a no-op class.
+ */
+const styles = {
+    base: 'shrink-0 border-0 bg-border-secondary',
+    orientations: {
+        horizontal: 'h-px w-full',
+        vertical: 'h-full w-px',
+    },
+};
+
+export { styles };
+//# sourceMappingURL=Divider.styles.js.map

package/dist/native/components/atoms/Divider/Divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.js","sources":["../../../../../../src/components/atoms/Divider/Divider.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;AAWG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,IAAI,EAAE,uCAAuC;AAC7C,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,QAAQ,EAAE,aAAa;AACxB,KAAA;;;;;"}

package/dist/native/components/atoms/Divider/index.d.ts

@@ -1,12 +1,34 @@
+import { type DividerOrientation } from './Divider.styles';
+export type { DividerOrientation } from './Divider.styles';
 /**
- * `Divider` has no React Native implementation.
+ * Declared standalone rather than extending `ViewProps`. `react-docgen` follows an
+ * `extends` clause into `react-native/index.js`, which ships untranspiled, and Babel
+ * fails to parse it — breaking `storybook dev` for the whole package. `Avatar` and `Dot`
+ * declare their props the same way; `Button` uses `Pick<PressableProps, …>` in a `type`
+ * intersection, which docgen does not follow.
+ */
+export interface DividerProps {
+    /**
+     * The axis the divider is drawn along.
+     * @default "horizontal"
+     */
+    orientation?: DividerOrientation;
+    /** Additional class names for layout and spacing. */
+    className?: string;
+    /** Overrides the generated `testID` (defaults to `fd-divider`). */
+    'data-testid'?: string;
+}
+/**
+ * React Native `Divider` — same 1px rule as web, drawn as a `View` filled with the
+ * `border-secondary` token via `bg-border-secondary` instead of a native `<hr>` (React
+ * Native has no such element). Shares web's class strings.
  *
- * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
- * that importing `@flipdish/ui-library/components/atoms/Divider` from React Native fails at
- * compile time rather than resolving to the web build's types. There is no
- * matching `index.js`, so Metro cannot bundle this module either.
+ * Every prop web names is supported here, so there is no `unsupportedProps` list. Web
+ * additionally extends `HTMLAttributes<HTMLHRElement>` and forwards arbitrary attributes;
+ * native does not forward anything beyond the props declared above (see the note on the
+ * interface for why it cannot extend `ViewProps`).
  *
- * To make `Divider` available on React Native, add an `index.native.tsx` beside
- * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ * @summary Thin 1px rule that separates sections of content (React Native)
  */
-export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;
+export declare const Divider: ({ orientation, className, "data-testid": dataTestId }: DividerProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/components/atoms/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Divider/index.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AAEnE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,uDAAsE,YAAY,gCAIzG,CAAC"}

package/dist/native/components/atoms/Divider/index.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../../utilities/cx/index.js';
+import { useResolvedTestId } from '../../../utilities/testIdUtils/index.js';
+import { View } from 'react-native';
+import { styles } from './Divider.styles.js';
+
+/**
+ * React Native `Divider` — same 1px rule as web, drawn as a `View` filled with the
+ * `border-secondary` token via `bg-border-secondary` instead of a native `<hr>` (React
+ * Native has no such element). Shares web's class strings.
+ *
+ * Every prop web names is supported here, so there is no `unsupportedProps` list. Web
+ * additionally extends `HTMLAttributes<HTMLHRElement>` and forwards arbitrary attributes;
+ * native does not forward anything beyond the props declared above (see the note on the
+ * interface for why it cannot extend `ViewProps`).
+ *
+ * @summary Thin 1px rule that separates sections of content (React Native)
+ */
+const Divider = ({ orientation = 'horizontal', className, 'data-testid': dataTestId }) => {
+    const dividerTestId = useResolvedTestId({ testId: dataTestId, segment: 'divider', rootName: 'divider' });
+    return jsx(View, { accessibilityRole: "none", className: cx(styles.base, styles.orientations[orientation], className), testID: dividerTestId });
+};
+
+export { Divider };
+//# sourceMappingURL=index.js.map

package/dist/native/components/atoms/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/atoms/Divider/index.native.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA0BA;;;;;;;;;;;AAWG;AACI,MAAM,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAgB,KAAI;AAC5G,IAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAExG,IAAA,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAC,iBAAiB,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,aAAa,GAAI;AAC1I;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.25.1",
+  "version": "0.26.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {