@teja-app/ui 0.0.6 → 0.0.8

package/dist/components/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkCtD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,EAC1B,SAA8B,EAC9B,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,2CA6Jf;yBA9Ke,QAAQ"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkCtD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,EAC1B,SAA8B,EAC9B,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,2CA8Jf;yBA/Ke,QAAQ"}

package/dist/components/MultiSelect/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8B5D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,QAAQ,EACR,aAAqB,EACrB,cAA6B,EAC7B,WAAyB,EACzB,iBAAqB,EACrB,SAAiB,EACjB,WAA0B,EAC1B,SAA8B,EAC9B,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,MAAM,GACP,EAAE,gBAAgB,2CAiTlB;yBAtUe,WAAW"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8B5D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,QAAQ,EACR,aAAqB,EACrB,cAA6B,EAC7B,WAAyB,EACzB,iBAAqB,EACrB,SAAiB,EACjB,WAA0B,EAC1B,SAA8B,EAC9B,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,MAAM,GACP,EAAE,gBAAgB,2CAkTlB;yBAvUe,WAAW"}

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,EAC1B,SAAoB,EACpB,MAAM,GACP,EAAE,WAAW,2CA+Ib;yBA/Je,MAAM"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,EAC1B,SAAoB,EACpB,MAAM,GACP,EAAE,WAAW,2CA6Ib;yBA7Je,MAAM"}

package/dist/hooks/useFeatureFlags.d.ts

@@ -0,0 +1,69 @@
+import { type ReactNode } from "react";
+/**
+ * Feature Flag Hook for React applications
+ *
+ * Provides feature flag support for trunk-based development.
+ * Flags can be loaded from:
+ * 1. Backend API endpoint (recommended for user-specific rollouts)
+ * 2. Fallback flags passed as props
+ *
+ * Usage:
+ *   // In App.tsx
+ *   <FeatureFlagProvider apiUrl="/api/feature-flags" userId={user?.id}>
+ *     <App />
+ *   </FeatureFlagProvider>
+ *
+ *   // In components
+ *   const { isEnabled, isLoading } = useFeatureFlags();
+ *   if (isEnabled('new-calendar-ui')) {
+ *     return <NewCalendar />;
+ *   }
+ */
+export interface FeatureFlag {
+    enabled: boolean;
+    rolloutPercentage?: number;
+}
+export interface FeatureFlags {
+    [key: string]: FeatureFlag;
+}
+interface FeatureFlagContextValue {
+    flags: FeatureFlags;
+    isLoading: boolean;
+    error: Error | null;
+    isEnabled: (flagName: string) => boolean;
+    reload: () => Promise<void>;
+}
+interface FeatureFlagProviderProps {
+    children: ReactNode;
+    /** API endpoint to fetch flags (e.g., '/api/feature-flags') */
+    apiUrl?: string;
+    /** User ID for percentage-based rollouts */
+    userId?: string;
+    /** Fallback flags when API is unavailable */
+    fallbackFlags?: FeatureFlags;
+    /** Skip API fetch entirely, use only fallback flags */
+    skipApi?: boolean;
+}
+export declare function FeatureFlagProvider({ children, apiUrl, userId, fallbackFlags, skipApi, }: FeatureFlagProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access feature flags
+ *
+ * @example
+ * const { isEnabled } = useFeatureFlags();
+ * if (isEnabled('new-feature')) {
+ *   return <NewFeature />;
+ * }
+ */
+export declare function useFeatureFlags(): FeatureFlagContextValue;
+/**
+ * Convenience hook to check a single feature flag
+ *
+ * @example
+ * const isNewUIEnabled = useFeatureFlag('new-ui');
+ * if (isNewUIEnabled) {
+ *   return <NewUI />;
+ * }
+ */
+export declare function useFeatureFlag(flagName: string): boolean;
+export {};
+//# sourceMappingURL=useFeatureFlags.d.ts.map

package/dist/hooks/useFeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatureFlags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAeD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAAa,EACb,OAAe,GAChB,EAAE,wBAAwB,2CAgF1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,IAAI,uBAAuB,CAgBzD;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAGxD"}

package/dist/index.cjs

@@ -7347,10 +7347,8 @@ function Select({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             Bt,
             {
-              className: utils_index.cn(
-                "absolute z-dropdown max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700",
-                placement === "top" ? "bottom-full mb-1" : "top-full mt-1"
-              ),
+              anchor: placement === "top" ? "top start" : "bottom start",
+              className: "z-dropdown max-h-60 w-[var(--button-width)] overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700 [--anchor-gap:4px]",
               "data-testid": testId ? `${testId}-options` : void 0,
               children: options.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(
                 It,
@@ -8306,7 +8304,8 @@ function Combobox({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Uo,
                 {
-                  className: "absolute z-dropdown mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700",
+                  anchor: "bottom start",
+                  className: "z-dropdown max-h-60 w-[var(--input-width)] overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700 [--anchor-gap:4px]",
                   "data-testid": testId ? `${testId}-options` : void 0,
                   children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary" }),
@@ -9514,8 +9513,9 @@ function MultiSelect({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Bt,
                 {
+                  anchor: "bottom start",
                   static: true,
-                  className: "absolute z-dropdown mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700",
+                  className: "z-dropdown max-h-60 w-[var(--button-width)] overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700 [--anchor-gap:4px]",
                   "data-testid": testId ? `${testId}-options` : void 0,
                   children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary" }),